Flash趣味鼠标特效大作战
从很早的版本开始,利用就可以制作很多有趣的鼠标特效,下面我们来重温一下,制作几个有趣的鼠标特效。一、实现原理
其实鼠标特效的原理都是大同小异的,让Clip先停在某一帧上面,当鼠标滑过的时候,播放相应的特效。一个Clip看起来不怎么好看,但几十个Clip放在场景中,靠规模制胜,鼠标触发播放相应的效果,看起来就颇为壮观了。
下面我们就来实现三个不同的实例,每一个实例都代表着一种类型的鼠标特效。
二、实例1
这个实例实现的是有关线变换的鼠标特效,与线的变换有关的鼠标特效都与这个实例差不多。效果预览
实例1源文件下载请点击这里。
1、新建一个场景,用“Ctrl F8”新建一个MovieClip,命名为“lineelem”,在此Clip的场景中用绘线工具画一条直线。
2、用“Ctrl F8”新建一个Movie Clip,命名为“lineelem2”,在此Clip的场景中用矩形工具拉一个小的矩形,适当调整矩形的颜色。
3、用“CtrlF8”新建一个MovieClip,命名为“line”,在此Clip的时间轴的第二帧上单击鼠标右键,选择插入空白关键帧,将第一步中制作的Clip“lineelem”拖到第二帧的场景中,并在第二帧的Action面板上面增加如下语句:stop();
4、在“line”Clip的时间轴的第三帧上单击鼠标右键,选择插入空白关键帧,将第二步中制作的Clip “lineelem2”拖到第三帧的场景中,选取场景中的“lineelem2”,在其属性面板中设置alpha为“48%”。在“line”Clip的时间轴的第五十帧上单击鼠标右键,选择插入关键帧。点击时间轴的第三帧,在其属性面板上面设置一个旋转的动画,如图1所示。在时间轴的第三帧的Action面板上面增加如下语句:
www.ad119.cn/bbs/attachments/websoft/20090111/200911210102532877801.jpg
图1
this.swapDepths(2); //注释1
注释1:设置此Clip的实例的深度,以免在播放的时候遮挡了的实例。
在时间轴的第五十帧的Action面板上面增加如下语句:gotoAndStop(2); //注释1_level0=0; //注释2this.swapDepths(1); //注释3
注释1:特效播放完,重新回到原来的状态。
注释2:设置主场景中的变量。
注释3:重新设置此Clip的实例的深度,重新响应鼠标动作。
5、回到影片的主场景中,从图库中拖二十个“line”Clip的实例到场景中,适当调整好它们的位置。将“line”Clip的第一个实例命名为“t1”,并在此Clip的Action面板上面增加如下语句:onClipEvent(load)temp= t1flag; //注释1on (rollOver)if (_root.t1flag==0)_root.t1.gotoAndPlay(2); //注释2_root.t1flag = 1; //注释3
注释1:设置在Clip里面要用到的变量值。
注释2:播放鼠标触发的动画效果。
注释3:设置变量,播放的时候就不再响应鼠标动作。
将“line”Clip的第二个实例命名为“t2”,并在此Clip的Action面板上面增加如下语句:onClipEvent(load)temp= t2flag;on (rollOver)if (_root.t2flag==0)_root.t2.gotoAndPlay(2);_root.t2flag=1;将“line”Clip的第三个实例命名为“t3”,并在此Clip的Action面板上面增加如下语句:onClipEvent(load)temp= t3flag;on (rollOver)if (_root.t3flag==0)_root.t3.gotoAndPlay(2);_root.t3flag = 1;……
依次类推,对其他的Clip也做相同的操作,注意更改命名和变量中涉及的实例编号。
6、鼠标选取主场景时间轴中的第一帧,在其Action面板上面增加如下的语句:stop();t1flag = 0;t2flag=0;t3flag = 0;t3flag = 0;t4flag = 0;t5flag = 0;t6flag=0;t7flag = 0;t8flag = 0;t9flag = 0;t10flag = 0;t11flag=0;t12flag = 0;t13flag = 0;t14flag = 0;t15flag =0;t16flag= 0;t17flag = 0;t18flag = 0;t19flag = 0;t20flag= 0;
注释:设置播放的标志位,并初始化。
至此,一个鼠标特效的实例就制作完成了。按Ctrl F8可以看到动画的效果,增加第六步中的Clip实例,可以看到更好的效果。
三、实例2
这个实例实现的是有关Clip的位置移动的鼠标特效。鼠标动作使Clip移动的特效,与这个实例的制作都差别不大。效果预览
实例2源文件下载请点击这里。
1、新建一个场景,用“CtrlF8”新建一个MovieClip,命名为“arc1”,在此Clip的场景中用椭圆工具绘制一个椭圆,并向其中填充颜色。
2、用“CtrlF8”新
页:
[1]