Flash MX2004入门与进阶实例:7.4 精彩实例
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
|
第七章 动作脚本进阶 第四节 精彩实例(1) 1．星星跟我走 实例简介 本实例是一个鼠标跟随的效果，但是程序简单实用，和常见的鼠标跟随思路略为不同。你可以简单地把星星元件换成鲜花、蝴蝶等元件，就可以得到不同的效果。如图7-4-1所示是本实例运行的初始画面。 ? 
图 7-4-1 实例初始画面
单击鼠标，天空中的星星便会排队跟你走，如果再单击一次鼠标，星星又会散布在夜空中。如果你一开始就双击鼠标，散布在夜空中的星星会改变位置。鼠标跟随效果如图7-4-2所示。
图7-4-2 鼠标跟随效果
知识要点
u?????? duplicateMovieClip（）复制语句
u?????? 用startDrag()拖动影片剪辑
u?????? Mouse.hide()和Mouse.show()鼠标隐藏和显示语句
u?????? setProperty（）影片剪辑的属性设置语句
u?????? for循环语句
?
制作步骤
（1）创建元件
步骤1 创建影片文档
新建影片文档，设置舞台尺寸为550×400像素，其它参数保持默认。然后保存影片文档为“星星跟我走.fla”。
步骤2 创建“小星”和“大星”图形元件
新建一个名为“小星”的图形元件和一个名为“大星”的图形元件。在这两个元件的编辑场景中分别绘制两个立体的五角星形状，如图7-4-3和图7-4-4所示，详见光盘中的FLA源文件。
?
 ??? 
图7-4-3 “小星” 图形元件??????????? 图7-4-4 “大星”图形元件
?
步骤3 创建“x1”影片剪辑元件
新建名为“x1”的影片剪辑元件。在这个元件的编辑场景中，将【库】面板中的“小星”图形元件拖放到场景中间的“十字符号”位置，然后在【图层1】的第10帧、第20帧插入关键帧。
在【属性】面板中，利用【颜色】下拉列表中的【色调】属性更改第10帧，第20帧上的“小星”元件实例的颜色。然后在第1帧到第10帧和第10帧到第20帧之间分别定义五角星旋转的动作补间动画。
新增【图层2】，在该图层的最后一帧插入关键帧，定义动作脚本为：
gotoAndPlay(1); //使五角星旋转动画重复进行
如图7-4-5是“x1”影片剪辑元件的图层结构参考图。
图7-4-5 “x1”影片剪辑元件的图层结构
[1]?[2]?[3]?[4]?[5]?下一页?? ? 第七章 动作脚本进阶 第四节 精彩实例(2) 步骤4 创建“xing0”的影片元件 新建一个名字为“xing0”的影片剪辑元件。在这个元件的编辑场景中，从【库】中拖出“大星”图形元件，把它放在场景的中心位置。 步骤5 创建“anniu”按扭元件 新建一个名字为“anniu”的按扭元件。在按扭元件中的第1帧导入一张风景图片（文件路径：配套光盘\……\风景.jpg），选择第4帧，按F5键，插入普通帧。 （2）组织场景 步骤1 创建【风景】图层 返回【场景1】，把【图层1】重新命名为“风景”。选中【风景】图层的第1帧，从【库】面板中拖出按扭元件“anniu”，调整按钮实例的尺寸和位置正好符合舞台的要求。在第3帧处插入关键帧。 步骤2 创建【x1】图层 新建一个图层，并将其重新命名为“x1”。选中【x1】图层的第1帧，从【库】面板中拖入影片剪辑元件“x1”，并在【属性】面板定义名称为“x1”。 步骤3 创建【xing0】图层 新建一个图层，并将其重新命名为“xing0”。选中【xing0】图层的第3帧，按F6键，插入一个关键帧，从【库】面板中拖入影片剪辑元件“xing0”，并在【属性】面板定义名称为“xing0”。 另外为了突出实例效果，还创建了一个【标题】图层，上面创建了标题文字。 （3）定义动作脚本 步骤1 定义【as】图层中第1帧的脚本 新建一个图层，并将其重新命名为“as”。在【动作】面板中定义第1帧的动作脚本为： shu=33; //设置复制的数量 for(i=1;i<=shu;i++){ //循环开始 duplicateMovieClip(_root.x1,"xing"+i,i); //复制场景中的影片剪辑x1，复制后的实例名为"xing"+i } 步骤2 定义【as】图层中第2帧的脚本 选中第二帧，按F6键，插入关键帧，在【动作】面板中定义该帧的动作脚本为： stop(); for(i=1;i<=shu;i++){?? //从1到33的循环 _root["xing"+i]._x=random(550); //随机设置复制影片的坐标。 _root["xing"+i]._y=random(350); _root["xing"+i]._alpha=100-3*i;? //使复制后的影片的透明度逐渐减小。 _root["xing"+i]._xscale=100-3*i; //使复制后的影片逐渐变小。 _root["xing"+i]._yscale=100-3*i; } 步骤3 定义【as】图层中第3帧的脚本 选中第3帧，按F6键，定义动作脚本为： stop(); 步骤4 定义【风景】图层第1帧上按钮的动作脚本 选中【风景】图层的第1帧，在场景中单击该帧中的按钮，在【动作】面板中定义按钮的动作脚本为： on (press) { Mouse.hide(); //隐藏鼠标 nextFrame();//进入并停止在下一帧 } 步骤5 定义【风景】层第2帧上按钮的动作脚本 选中【风景】层第3帧上的按钮，在【动作】面板中定义动作脚本为： on (press) { Mouse.show();? //显示鼠标 prevFrame(); //进入并停止在上一帧 } 步骤6 定义影片剪辑上的动作脚本 选中【xing0】图层第3帧上的影片剪辑实例，在【动作】面板中定义该影片剪辑的动作脚本为： onClipEvent (load){ //当调入影片时 _root.x1._visible=false; //设置影片x1为不可见 shu=_root.shu; //从上一帧中获取复制影片的数量 } onClipEvent (enterFrame){ //以下内容，按帧频不断的循环 startDrag("_root.xing0",true); //拖住影片“xing0” for (i=1; i<=shu; i++) {? //在for循环中，反复设置复制影片的坐标。 ?root.xing0._rotation+=1; //使带头的大星不停的旋转 x0=(_root["xing" +(i-1)]._x-_root["xing"+i]._x)/3+4; ?//把上一循环中与前一个影片的横坐标之差的三分之一，再加4赋给变量x0， ?//+4是使复制的影片之间的横向相隔4个象数 y0=(_root["xing" +(i-1)]._y-_root["xing"+i]._y)/3; ?//把上一循环中与前一个影片的纵坐标之差的三分之1赋给变量y0 ?//以上两条可以看作坐标变化的增量，其中的数字可以根据自己的爱好进行调整。 _root["xing"+i]._x = _root["xing"+ i]._x+x0; _root["xing"+i]._y = _root["xing"+ i]._y+y0; ?//以上两条是把影片在循环中前一次的坐标加上增量，作为这次的坐标。 } } 至此，这个实例制作完成，你测试一下吧，鼠标跟随的特效已经实现了。 上一页??[1]?[2]?[3]?[4]?[5]?下一页?? 第七章 动作脚本进阶 第四节 精彩实例(3) 2． |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash视频教程：4.1 七彩文字下一篇: Flash视频教程：5.3 小苗的生长
关于Flash MX2004入门与进阶实例:7.4 精彩实例的所有评论
