Flash MX2004入门与进阶实例:7.4 精彩实例
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
百变花环
实例简介
本实例是一个名为“百变花环”的动画特效，如图7-4-6所示是实例运行的初始画面。
?
图7-4-6 百变花环初始画面
?
单击“play”按钮，画面上的图形便随机出现逐渐翻滚，然后形成几何图形，几何图形反复循环地不断旋转变小、变大。
这个实例名为百变花环，其实只设置了20多个图形，但变化的效果确实令人眼花缭乱，如图7-4-7～图7-4-9是比较具有代表性的图形。
?
 ? 
图7-4-7 三环图??????????????????? 图 7-4-8 五环图
?
图7-4-9 四边形图
?
知识要点
u?????? 影片剪辑的复制命令duplicateMovieClip（）的应用
u?????? 随机函数的应用
u?????? 声音对象的设置和控制
u?????? with（）命令的应用
u?????? MC属性的控制
?
制作步骤
（1）创建“x”影片剪辑元件
步骤1 创建影片文档
新建影片文档，设置舞台尺寸为800×500像素，帧频12，其它默认。保存影片文档为“百变花环.fla”。
步骤2 创建“x”影片剪辑元件
新建一个名字为“x”影片剪辑元件。在这个元件的编辑场景中，在场景中心点左边画一个无边的矩形，坐标位置为（-138，22）。这个矩形的宽为35，高为15。
在【图层1】的第5、10、15、20各插入关键帧。在这些关键帧的矩形上做一些自己喜欢的色彩变化。然后在1、5、10、15各帧创建形状补间动画。如图7-4-10所示是“x”影片剪辑元件的效果和图层结构。
?
图7-4-10 “x”影片剪辑元件上一页??[1]?[2]?[3]?[4]?[5]?下一页?? 第七章 动作脚本进阶 第四节 精彩实例(4) （2）创建“x1”影片剪辑元件 步骤1 布局【图层1】 新建一个名字为“x1”的影片剪辑元件。在这个元件的编辑场景中，从【库】面板中把影片剪辑“x”拖入到【图层1】的第2帧中，在【属性】面板中定义这个实例名为x，坐标设定为（-137.5，23）。在第3帧插入普通帧。 步骤2 定义帧动作脚本 新建一个【图层2】。选择这个图层的第1帧，在【动作】面板中定义这个帧的动作脚本为： setProperty("_root.x1.x", _visible, 0); //使影片剪辑实例x不可见 a = _root.a; //取得主场景中由按钮得到的数据 b = _root.b; if (a<3) {//下面的语句是设置复制影片的数量（变量shu） ?????? shu = 400; } if ((a == 3) || (a == 6)) {//判断变量a是不是等于3或者6 ?????? shu = 1100;//如果是，让变量shu等于1100 } if (a == 4) { ?????? shu = 800; } if (a == 5) { ?????? shu = 2200; } 定义【图层2】第2帧的动作脚本为： setProperty("_root.x1.x", _visible, 0); /设置影片剪辑实例“x”为不可见 b = _root.b*0.035; //把数据b转化为弧度数据 a = _root.a; 定义【图层2】第3帧的动作脚本为： i = i+a; //由第2帧得到的数据a，b转为变量I，j的增量 j = j+b; if (i<=shu) {//设置影片x复制的数量 ?????? duplicateMovieClip("_root.x1.x", i, i); //复制影片剪辑x,复制后的电影剪辑的名称为i层深为i. ?????? setProperty(i, _x, 40*Math.sin(j)); //设置复制后的电影剪辑i的横、纵坐标 ?????? setProperty(i, _y, 40*Math.cos(j)); ?????? setProperty(i, _rotation, i); //设置复制后的电影剪辑i的旋转角度 } else {//当i大于设置的复制数量shu后，对电影剪辑x1做以下动作 ?????? with (this) { ????????????? if (k<=50) {//引入控制x1变化的变量k，当k在50以内时 ???????????????????? _rotation += 7.2; //在循环中，影片x1每次旋转7.2度 ???????????????????? _xscale -= 2; //每次影片x1的大小减小2份 ???????????????????? _yscale -= 2; ????????????? } ????????????? if ((k>50) && (k<100)) {//当k在50到100以内时， ???????????????????? _xscale += 2; //每次影片x1的大小增加2份 ???????????????????? _yscale += 2; ???????????????????? _rotation -= 7.2; //每次影片x1反方向旋转7.2度 ????????????? } ????????????? if (k>=100) { ???????????????????? k = 0; //使影片x1重复变化 ????????????? } ????????????? k = k+1; //变量k递增1 ?????? } } gotoAndPlay(2);//重复跳转到第2帧，反复执行 “x1”元件完成以后的图层结构如图7-4-11所示。 ? 
图7-4-11 “x1”MC元件的图层结构
上一页??[1]?[2]?[3]?[4]?[5]?下一页??
第七章 动作脚本进阶 第四节 精彩实例(5) （3）创建“x2”影片剪辑元件 步骤1 布局【图层1】 新建一个名字为“x2”的影片剪辑元件。在这个元件的编辑场景中，从【库】面板中把影片剪辑“x”拖入到【图层1】的第2帧中，在【属性】面板中定义这个实例名为x，坐标设定为（-137.5，23）。在第2帧插入普通帧。 步骤2 定义帧动作脚本 新建一个【图层2】。选择这个图层的第1帧，在【动作】面板中定义这个帧的动作脚本为： setProperty("_root.x2.x", _visible, 0); //使影片剪辑实例x不可见 在【动作】面板中定义第2帧的动作脚本为： i = i+3; //变量i的增量为3 j = j+0.175; //旋转角度j的增量为0.175弧度 if (i<=1100) {//以下对影片剪辑x2进行的操作请参看影片剪辑x1中类似的脚本功能 ?????? duplicateMovieClip("_root.x2.x", i, i); ?????? setProperty(i, _x, 40*Math.sin(j)); ?????? setProperty(i, _y, 40*Math.cos(j)); ?????? setProperty(i, _rotation, i); } else { ?????? with (this) { ????????????? if (k<=50) { ???????????????????? _rotation += 7.2; ???????????????????? _xscale -= 2; ???????????????????? _yscale -= 2; ????????????? } ????????????? if ((k>50) && (k<100)) { ???????????????????? _xscale += 2; ???????????????????? _yscale += 2; ???????????????????? _rotation -= 7.2; ????????????? } ????????????? if (k>=100) { ???????????????????? k = 0; ????????????? } ????????????? k = k+1; ?????? } } gotoAndPlay(1); （4）布局主场景 步骤1 创建【背景】图层和【按钮】图层 返回到【场景1】，把【图层1】重新命名为“背景”。在这个图层上创建动画的背景图形和标题问题。 新建一个图层，将这个图层重新命名为“按钮”，在这个图层第1帧放置一个播放按钮，在这个图层的第2帧放置一个停止按钮。 说明：有关背景图形元件、标题MC元件以及 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash视频教程：4.1 七彩文字下一篇: Flash视频教程：5.3 小苗的生长
关于Flash MX2004入门与进阶实例:7.4 精彩实例的所有评论
