首页 > > 网页制作 > Flash >

Flash趣味鼠标特效大作战

2008-04-02 10:46:54来源：互联网阅读 ()

　　从很早的版本开始，利用Flash就能够制作很多有趣的鼠标特效，下面我们来重温一下，制作几个有趣的鼠标特效。

　　一、实现原理

　　其实鼠标特效的原理都是大同小异的，让Clip先停在某一帧上面，当鼠标滑过的时候，播放相应的特效。一个Clip看起来不怎么好看，但几十个Clip放在场景中，靠规模制胜，鼠标触发播放相应的效果，看起来就颇为壮观了。

　　下面我们就来实现三个不同的实例，每一个实例都代表着一种类型的鼠标特效。

　　二、实例1

　　这个实例实现的是有关线变换的鼠标特效，和线的变换有关的鼠标特效都和这个实例差不多。

　　1、新建一个场景，用“Ctrl F8”新建一个Movie Clip，命名为“line elem”，在此Clip的场景中用绘线工具画一条直线。

　　2、用“Ctrl F8”新建一个Movie Clip，命名为“line elem 2”，在此Clip的场景中用矩形工具拉一个小的矩形，适当调整矩形的颜色。

　　3、用“Ctrl F8”新建一个Movie Clip，命名为“line”，在此Clip的时间轴的第二帧上单击鼠标右键，选择插入空白关键帧，将第一步中制作的Clip “line elem”拖到第二帧的场景中，并在第二帧的Action面板上面增加如下语句：

　　stop();

　　4、在“line”Clip的时间轴的第三帧上单击鼠标右键，选择插入空白关键帧，将第二步中制作的Clip “line elem 2”拖到第三帧的场景中，选取场景中的“line elem 2”，在其属性面板中配置alpha为“48%”。在“line”Clip的时间轴的第五十帧上单击鼠标右键，选择插入关键帧。点击时间轴的第三帧，在其属性面板上面配置一个旋转的动画，如图1所示。在时间轴的第三帧的Action面板上面增加如下语句：

　　

　　图1

　　this.swapDepths(2); //注释1

　　注释1：配置此Clip的实例的深度，以免在播放的时候遮挡了其他的实例。

　　在时间轴的第五十帧的Action面板上面增加如下语句：

　　gotoAndStop(2); //注释1

　　_level0[temp] = "0"; //注释2

　　this.swapDepths(1); //注释3

　　注释1：特效播放完，重新回到原来的状态。

　　注释2：配置主场景中的变量。

　　注释3：重新配置此Clip的实例的深度，重新响应鼠标动作。

　　5、回到影片的主场景中，从图库中拖二十个“line”Clip的实例到场景中，适当调整好他们的位置。将“line”Clip的第一个实例命名为“t1”，并在此Clip的Action面板上面增加如下语句：

　　onClipEvent (load) {

　　temp = "t1flag"; //注释1

　　}

　　on (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移动的特效，和这个实例的制作都差别不大。

　　1、新建一个场景，用“Ctrl F8”新建一个Movie Clip，命名为“arc1”，在此Clip的场景中用椭圆工具绘制一个椭圆，并向其中填充颜色。

　　2、用“Ctrl F8”新建一个Movie Clip，命名为“arc”，将上一步中所制作的“arc1”Clip拖到此Clip的场景中，在时间轴的第一帧的Action面板上面增加如下语句：

　　this._x = random(500); //注释1

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有