在制作一些生日贺卡或者课件时,需要用到点燃蜡烛的互动效果,这里就使用AS3脚本来实现用打火机点燃蜡烛的互动效果,结合之前的蜡烛火焰燃烧的制作教程,就可以完成整个制作过程了。
Flash如何制作蜡烛火焰动画
适用软件:
Animate CC以及支持AS3脚本的Flash软件
制作步骤:
1.因为要使用AS3脚本,所以这里用Flash CS6软件,新建AS3脚本。
2.将蜡烛及打火机素材放到舞台上,如图所示
3.将火焰转换为影片剪辑并设置实例名为fire_mc
4.复制一个火焰元件放到蜡烛上,如图所示
5.选择打火机和打火机上的火焰,右键选择转换为元件或者使用快捷方式f8,转换为一个影片剪辑
6.设置这个影片剪辑的实例名为mc
7.设置蜡烛的火焰为fire_mc
8.在主时间轴的帧上加如下代码:
mc.fire_mc.visible=false;mc.addEventListener(MouseEvent.CLICK,FollowMouse);fire_mc.visible=false;function FollowMouse(e:MouseEvent):void{ mc.fire_mc.visible=true; mc.mouseEnabled=false; mc.addEventListener(Event.ENTER_FRAME,FollowMouseEvent);}function FollowMouseEvent(e:Event):void{ mc.x=this.mouseX; mc.y=this.mouseY;}
9.当点击打火机时,打火机就会点火并跟随鼠标移动
10.对代码进行修改,如下所示
mc.fire_mc.visible=false;mc.addEventListener(MouseEvent.CLICK,FollowMouse);fire_mc.visible=false;function FollowMouse(e:MouseEvent):void{ mc.fire_mc.visible=true; mc.mouseEnabled=false; mc.addEventListener(Event.ENTER_FRAME,FollowMouseEvent);}function FollowMouseEvent(e:Event):void{ mc.x=this.mouseX; mc.y=this.mouseY; if(fire_mc.hitTestObject(mc.fire_mc)==true) { fire_mc.visible=true; }}
11.现在当鼠标移动打火机到蜡烛上时,就会点燃蜡烛了。
更多Flash教程请点击wps.browser.360.cn
如果有相关的FLASH或者Animate操作及代码方面的问题可以私信,尽心解答!
关注公众号【快乐等于生活】 可以学习实用的FLASH软件及Animate软件操作和代码开发