您的位置：首页 → 网页设计 → Flash → Flash鼠标特效精选实例(3)

Flash鼠标特效精选实例(3)

时间：2004/11/7 2:17:00来源：本站整理作者：蓝点我要评论(0)

　　第三节：鼠标跟踪



　　该实例实现的是当鼠标移动时，会看见漂亮的星星飘动的效果，最终效果如图3.1所示，要实现这一效果，具体步骤如下：







图3.1　鼠标飘动最终效果



　　1.新建一影片，通过属性面板设置其大小为400pxX300px(单位为象素)，背景色为＃000000。



　　2.新建一图形元件“star1”,在工作区中绘制一圆，如图3.2所示：







图3.2　绘制“star1”图形元件



　　3.新建一元件“star2”,在工作区中绘制如图3.3所示的图案：







图3.3　制作“star2”图形元件



　　4.新建一影片剪辑“star”,将默认图层更名为“star1”,选中第一帧，将图形元件“star1”从库面板中拖放到工作区中，在第7帧处插入一关键帧，并进行如图3.4所示的设置：







图3.4　第7帧相关设置



　　5.按同样的方法在第14帧插入关键帧，其设置与第1关键帧一样，在第20帧处插入一关键帧，其设置与第7帧相同，分别选中第1、7和14关键帧，设置其补间为“运动渐变”。



　　6.新一图层“star2”,将图形元件“star2”从库面板中拖放到工作区中，调整其位置使其中心与“star1”重合，如图3.5所示：







图3.5　插入图形元件“star2”



　　7．在第7帧处插入一关键帧，进行如图6.4所示的设置，在第14帧插入一关键帧进行与第1关键帧相同的设置，在第20帧插入一关键帧，其相关设置与第7帧相同，分别选中第1、7和14三关键帧，设置其补间为“运动渐变”，在第20帧处添加如下脚本：

gotoAndPlay(1);

//控制影片剪辑循环播放。



　　8.新建一影片剪辑“act”,将默认图层更名为“as”,其时间轴窗口中插入两帧分别设置其ActionScript脚本如下：

第1帧：

i = "7";

//变量初始化

while (Number(i)>=1) {

set("/t" add i add ":xx", eval ("/t" add (i-1) add ":xx") + 15);

set("/t" add i add ":yy", eval ("/t" add (i-1) add ":yy"));

i = i-1;

}

/t1:xx = Number(getProperty("/tracker", _x))+15;

/t1:yy = getProperty("/tracker", _y);

i = "7";

while (Number(i)>=1) {

setProperty("/t" add i, _x, eval ("/t" add i add ":xx"));

setProperty("/t" add i, _y, eval ("/t" add i add ":yy"));

i = i-1;

}

脚本详解：



　　Movie Clip“t1”的“X”坐标为Movie Clip“tracker”的“X”坐标加15，Movie Clip“t1”的“Y”坐标为Movie Clip“tracker”的“Y”坐标。然后给每颗星星的“X”坐标赋值为上一颗星星的“X”坐标加15，“Y”坐标则相同。

第2帧：

gotoAndPlay(1);

//循环播放影片剪辑



　　9.制作一影片剪辑“tracker”,该影片剪辑不作任何工作。



　　10.返回主场景，选中第1帧，从库面板中将“tracker”插放到工作区中，设置其实例名为“tracker”并为其添加如下脚本：

startDrag("/tracker", true);



　　11.选中第3帧插入一关键帧，从库中将影片剪辑“as”拖放到工作区中，为其实例命名为“actit”，将“star”拖放到工作区中7次，创建7个实例，并为其命名为“t1”、“t2”…“t7”，调整其排列顺序如图3.6所示：







图3.6　调整实例位置



　　12.最后为其添下脚本stop();以控制影片的播放，这样整个鼠标中键模拟效果就制作完成，保存作品，按“ctrl Enter”预览最终效果。

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论

查看所有0条评论>>

发表评论

我来说两句...

提交评论