今天我們就來介紹一個比較有意思的動畫效果,就是文字積累粒子的效果。主要知識點:繪圖函數,碰撞檢測,計時器事件,該怎么實現呢?下面我們就來看看使用Animate cc實現的教程,請看下文詳細介紹。
1、這里用的是Animate CC,打開軟件,新建AS3文檔。
2、設置舞臺顏色為黑色
3、在舞臺上放置一個文本框,文字自行輸入。
4、轉換為影片剪輯,然后設置實例名為mc
5、準備工作完成,在主時間軸加如下代碼:
6、此時運行,預覽后,隨著鼠標的移動,可以看到不斷的產生彩色小球,并向下移動。
7、隨著小球越來越多,當經過文字時,會隨機停留在文字上,慢慢的顯示出文字輪廓。
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制作粒子組成文字動畫的教程,希望大家喜歡,請繼續關注武林網。
相關推薦:
flash怎么制作文字飛入的動畫?
flash怎么制作文字落水的動畫效果?
flash怎么制作上下跳動的英文字母動畫?
新聞熱點
疑難解答