|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
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中的动画制作更简单,借助基于对象的动画快速创建动画、轻松修改运动路径并全面控制个别动画属性。 |
|