鼠标跟随flash代码_Flash如何制作打火机点蜡烛的效果(AS3)

本文介绍了如何使用AS3脚本在Flash中制作打火机点燃蜡烛的互动效果,适用于Animate CC等支持AS3的软件。通过详细步骤,包括创建元件、设置实例名和编写代码,最终实现打火机跟随鼠标移动并点燃蜡烛的动画效果。
摘要由CSDN通过智能技术生成

在制作一些生日贺卡或者课件时,需要用到点燃蜡烛的互动效果,这里就使用AS3脚本来实现用打火机点燃蜡烛的互动效果,结合之前的蜡烛火焰燃烧的制作教程,就可以完成整个制作过程了。

Flash如何制作蜡烛火焰动画

适用软件:

Animate CC以及支持AS3脚本的Flash软件

制作步骤:

1.因为要使用AS3脚本,所以这里用Flash CS6软件,新建AS3脚本。

4ef2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

2.将蜡烛及打火机素材放到舞台上,如图所示

4ff2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

3.将火焰转换为影片剪辑并设置实例名为fire_mc

51f2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

4.复制一个火焰元件放到蜡烛上,如图所示

53f2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

5.选择打火机和打火机上的火焰,右键选择转换为元件或者使用快捷方式f8,转换为一个影片剪辑

54f2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

55f2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

6.设置这个影片剪辑的实例名为mc

56f2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

7.设置蜡烛的火焰为fire_mc

59f2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

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;}

5af2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

9.当点击打火机时,打火机就会点火并跟随鼠标移动

5bf2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

5df2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

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;  }}

5ef2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

11.现在当鼠标移动打火机到蜡烛上时,就会点燃蜡烛了。

5ff2435b-fe1f-eb11-8da9-e4434bdf6706.jpeg

更多Flash教程请点击wps.browser.360.cn

如果有相关的FLASH或者Animate操作及代码方面的问题可以私信,尽心解答!

关注公众号【快乐等于生活】  可以学习实用的FLASH软件及Animate软件操作和代码开发

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值