仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 739|回复: 7
打印 上一主题 下一主题

[学习教程] 来看看:Flash缩小镜效果深切改善(1)

[复制链接]
小魔女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 21:17:19 | 显示全部楼层 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。
  缩小镜效果信任人人已很熟习了,良多中央都有先容:不过是将一张缩小的图象做个遮罩,然后靠拖动遮罩上的图象使缩小的图象随鼠标的挪动显现出来。如许的效果很简单完成,但弱点很分明:在图象的边沿,出格是图象的缩小比例对照年夜时,图象会产生对照年夜的偏移,也就是偶然显现出来的缩小图象并非你鼠标所指的地区的图象。

  上面是我做好的一个示例,点击两头的字进进演示,能够按PageUp和PageDown改动缩小倍数。用的是终极梦想影戏片的图片。你能够在文章最初下载源代码。

  在我们这个例子里,我们对传统的缩小镜效果举行了两处改善:
  1.包管显现的缩小图象与鼠标所指地区相婚配。
  2.用户将能够本人把持缩小的比例。
  要完成第一点,就必要在动画播放时,依据鼠标地位静态地改动被遮罩图片的地位。怎样盘算图片应在地位的坐标是个关头,实在这个算法很复杂,如图:



  蓝色地区就是影片的显现地区,显现的是我们要缩小的图片(小图),绿色地区是缩小的要被遮罩的图片。假如此时鼠标在小图中红点处(x,y),则该点在缩小后的图片中的坐标就应当是(x*scale,y*scale),scale是图片的缩小倍数。只需在显现时使小图中的该点与年夜图中的重合,我们就能够在这个效果中完成不管鼠标指到那里,显现的缩小图象都以鼠标所指像素点为中央了。很明显,此时年夜图绝对影片地区的坐标为:
(x1=x*(scale-1),y1=y*(scale-1))
  好了,关头算法出来了,第二点方针就很简单完成了,我们只需在影片播放时改动变量scale就好了。





</p>
AdobeFlashCS5.5中的动画制作更简单,借助基于对象的动画快速创建动画、轻松修改运动路径并全面控制个别动画属性。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-18 07:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表