flash怎么制作粒子慢慢增多并组合成文字的动画?

时间:2019-06-07 14:46:12 魔新豆网

  今天我们就来介绍一个比较有意思的动画效果,就是文字积累粒子的效果。主要知识点:绘图函数,碰撞检测,计时器事件,该怎么实现呢?下面我们就来看看使用Animate cc实现的教程,请看下文详细介绍。

  

  

软件名称:
Adobe Animate CC 2019(原Flash) 19.0 中/英文最新版 64位
软件大小:
1.8GB
更新时间:
2018-10-16立即下载

  1、这里用的是Animate CC,打开软件,新建AS3文档。

flash怎么制作粒子慢慢增多并组合成文字的动画?

  2、设置舞台颜色为黑色

flash怎么制作粒子慢慢增多并组合成文字的动画?

  3、在舞台上放置一个文本框,文字自行输入。

flash怎么制作粒子慢慢增多并组合成文字的动画?

  4、转换为影片剪辑,然后设置实例名为mc

flash怎么制作粒子慢慢增多并组合成文字的动画?

  5、准备工作完成,在主时间轴加如下代码:

flash怎么制作粒子慢慢增多并组合成文字的动画?

  6、此时运行,预览后,随着鼠标的移动,可以看到不断的产生彩色小球,并向下移动。

flash怎么制作粒子慢慢增多并组合成文字的动画?

  7、随着小球越来越多,当经过文字时,会随机停留在文字上,慢慢的显示出文字轮廓。

flash怎么制作粒子慢慢增多并组合成文字的动画?

  

var maxNum:int=3;var mcAry:Array=new Array();var timer:Timer=new Timer(20);timer.addEventListener(TimerEvent.TIMER,UpdateView);stage.addEventListener(MouseEvent.MOUSE_MOVE,MouseMoveEvent);timer.start();mc.alpha=0;function MouseMoveEvent(e:MouseEvent):void{for(var i=0;i<maxNum;i++){var color:uint=Math.random()*0xffffff;mcAry.push(new MovieClip());mcAry[mcAry.length-1].graphics.beginFill(color,1);mcAry[mcAry.length-1].graphics.drawCircle(0,0,0.5+Math.random()*2);mcAry[mcAry.length-1].graphics.endFill();mcAry[mcAry.length-1].spd=1+Math.random()*2;addChild(mcAry[mcAry.length-1]);mcAry[mcAry.length-1].x=this.mouseX;mcAry[mcAry.length-1].y=this.mouseY;}}function UpdateView(e:TimerEvent):void{for(var i:int=0;i<mcAry.length;i++){if(mcAry[i].y<stage.stageHeight+mcAry[i].height){mcAry[i].y+=mcAry[i].spd;var temp:int=int(Math.random()*10000)%3;if(mc.hitTestPoint(mcAry[i].x,mcAry[i].y,true)==true&&temp==0){mcAry[i].spd=0;}}}}

  8、可以使用这个效果制作贺卡之类的动态效果。

  以上就是flash制作粒子组成文字动画的教程,希望大家喜欢,请继续关注生活。

本文标签: