大众计算机学习网欢迎诸位!收藏本站注 册登 陆
常用教程:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 教程 > 文章页

如何使用flash制作随鼠标移动的望远镜效果

Admin | 2013-4-30 9:19:53 | ReadNums | 4815 | 标签 flash教程 | 打印本页
     

  flash中常用的一种动画效果是遮罩效果,配合此动画,我们可以制作出很多特效,诸如望远镜效果,有的地方也称为探照灯效果!

  本文,就带着大家一起来完成一个跟随鼠标移动的望远镜效果

  效果如下图所示。

Flash2013-4-29-1

  请仔细观察上图,有个圆,鼠标指针移动到哪里,这个圆就移动到哪里,并且,透过这个圆,可以看到背景图片。这个圆的位置随着鼠标指针的移动而移动,同时,在任何时候,只有圆这个范围能看到背景,其它地方看不到背景。这就是望远镜或探照灯的效果。

  通过分析不能发现,其实要制作这个动画,只需要使用到两个实体,一个是背景图片,一个是用来模拟望远镜的圆对象。好了,分析好之后,下面我们开始吧。

  一、创建或导入实体

  在制作动画的过程中,我们的思路必须要清晰,至少要明白这个动画需要多少个实体对象,时间轴上需要多少个图层,每个图层分别放多少个实体,这些实体分别放在哪个图层的哪个帧里面。

Flash2013-4-29-2

  按照这样的思路,我们仅需要使用三个图层,请注意看上图。最下面的图层为“背景图片”图层,该图层仅放背景图片。另外,“遮罩使用的圆”这个图层,我们画一个圆,同时,要把这个圆转换成为“影片剪辑”元件。最后一个图层,是用来输入ACTION代码的,名称为“代码图层”,该图层仅需要一个空白关键帧。最后,再仔细看上图中的图层结构,每个图层共需要两个帧,第一帧是关键帧,第二帧是普通帧。

  另外,遮罩使用的圆和背景图层,这两个图层的关系是,前者的图层属性设置为“遮罩”,而后者设置为“被遮罩”,这样两者就属于从属关系,具有望远镜的动画效果了。

  知识扩展:至于圆对象为什么要转换为影片剪辑元件,目的在于要给它取个名字,给其取名字就简单了,把它转换为影片剪辑之后,使用鼠标选择它,然后,在属性面板中,如下图一样。

Flash2013-4-29-3

  在蓝线圈住的那输入框,输入圆的名称,在此,为yuan。

  二、添加跟随鼠标移动的代码

  关键的时候到了,下面,需要给圆对象添加代码,否则它就不会跟随鼠标移动。

Flash2013-4-29-4

  使用鼠标选中“代码图层”的第一帧(它是空白关键帧),然后按下 F9 键,弹出如上图的动作代码输入框,在代码输入框中,直接输入如上的两行代码即可。

  yun._x=_xmouse;
  yun._y=_ymouse;

  上述代码的功能是,将鼠标X坐标值赋值给圆对象的X坐标,将鼠标Y坐标值赋值给圆对象的Y坐标。这样就能实现跟随效果了。

  当然,为了让效果更加美观,我们也可以让鼠标的光标随时位于圆的中间,因此,得对上述代码进行修改,使用如下代码:

  yun._x=_xmouse-93;
  yun._y=_ymouse-93;

  上述代码仅多了减93的简单运算,它的含义是,让鼠标的坐标值减去93所得到的值就是圆的XY坐标,93这个值是圆的半径,通过图3,我们不难发现,圆的直径为186,那么,它的半径自然为93,因此这里93就是这样来的。


问题未解决:搜索文章

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
感谢大家的支持。
20xx年x月x日

……