Flash实例教学:三维烟花动画制作

2008-04-02 11:03:43来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  本文将带领大家一起,通过Flash中的ActionScript脚本编程,实现节日烟花动画。开始时将出现烟花绽开的三维动画,随后烟花逐渐下落并消失,很漂亮。

  动画效果:

  

  

  


  第一步:启动Flash MX 2004中文版(以下简称为Flash)并新建一个Flash空白文档。在下面属性面板上,单击“背景”右侧的颜色按钮,将背景色配置为黑色。

  第二步:按Ctrl+F8键打开创建新元件对话框,元件命名为“grastar”,“行为”选择“图像”,确定后进入元件编辑窗口。将笔触和填充色都配置为白色,然后用椭圆形工具画两个交叉的细长椭圆形,再用铅笔工具稍加修饰,即可得到如图1所示的星星图像。

  Flash实例教学:一种特别效果的制作

  第三步:按Ctrl+F8键打开创建新元件对话框,将元件命名为“mvcstar”,“行为”选择“影片剪辑”,确定后进入该元件编辑窗口。按Ctrl+L键调出库面板,从库面板中将刚刚制作的图像元件grastar拖到mvcstar元件编辑窗中。点选第9帧,然后按F6键插入一个关键帧,以同样方法在第10、25帧处也分别插入关键帧。点选第1帧,然后在属性面板中将“补间”项配置为“动作”,将“旋转”项配置为“顺时针”,“次数”为1,这时第1帧到第9帧会变成蓝色,并显示一个带箭头的直线,说明补间动画配置成功。点选第25帧,将其中的星星图像向下移动一定的距离(可按Shift+向下方向键调整),再使用任意变形工具(快捷键为Q)适当缩小星星的大小,然后单击属性面板上的“颜色”下拉按钮,选择“Alpha”项,再在右侧将颜色的透明度配置为0,这样是为了让星星有逐渐下落并消失的动画效果。点选第10帧,在属性面板中将“补间”配置为“动作”即可。

  第四步:点选第25帧,单击展开下方的“动作-帧”面板,在右侧窗口中填写以下脚本语句。最后的时间轴效果如图2所示。

  Flash实例教学:一种特别效果的制作

  

stop();

  _root.gotoAndPlay(1); // 跳转到主时间轴上并播放第1帧

  第五步:单击上方编辑条上的“场景1”回到主场景中,将做好的影片剪辑mvcstar拖放到场景之外(这样在播放时就看不到mvcstar了)。点选这个mvcstar实例,在属性面板中将他的“实例名称”命名为itnstar,以便在后面的程式设计中使用。右键单击第2帧,选择“插入空白帧”命令。然后,点选第1帧,并展开下方的“动作-帧”面板,在其右侧编辑窗口内写入下面的脚本代码,连同注释一共才二十几行,很简单。注意,语句前面的数字序号是为了说明方便而加上的,输入代码时不要输入这些数字。输入代码后,按下Ctrl键并回车,就能够欣赏一下自己编程制作的节日烟花了(见图3)。后面一节内容中,还将为您周详剖析代码的含义。

  Flash实例教学:一种特别效果的制作

  



  1. // 配置影片片段分身X、Y的坐标;

  2. basex = random (450);

  3. basey = random (300);

  4. for (var i = 0 ; i<6 ; i++) {

  5. num = i*17;

  6. // 配置圆周平分的个数;

  7. angle_num = Math . pow(2, i+2);

  8. // 配置影片片段分身的半径;

  9. r = 40 + i*15;

  10. // 配置影片片段分身的层次;

  11. d0 = Math . pow (2, i )-1;

  12. d = 4*d0;

  13. for (var j = 0 ; j < angle_num ; j++) {

  14. if (i == 0) {

  15. d = 0;

  16. }

  17. depth = d+j+1;

  18. // 复制影片片段分身

  19. duplicateMovieClip ("itnstar", "itnstar" add i add j, depth);

  20. // 配置各个影片片段分身的角度

  21. angle = j*Math.PI/180*360/angle_num;

  22. // 配置影片片段分身属性;

  23. setProperty("itnstar"add i add j, _x, basex+Math.cos(angle)*r);

  24. setProperty("itnstar" add i add j, _y, basey+Math.sin(angle)*r);

  25. setProperty ("itnstar" add i add j, _alpha, 100-num);

标签:

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

上一篇: 学习Flash:关于FLASH中音乐的部分配置

下一篇: FlashAS学习:深入BroadcasterMX