flash怎么制作粒子慢慢增多并組合成文字的動畫?

百度經(jīng)驗 發(fā)布時間：2019-07-04 15:57:47 作者：744902892

我要評論

flash怎么制作粒子慢慢增多并組合成文字的動畫？今天我們使用的是Animate cc，也就是Flash CC改名以后的新名稱，該怎么這孩子做彩色顆粒慢慢增多并組成文字的效果呢？下面我們就來看看詳細的教程，需要的朋友可以參考下

今天我們就來介紹一個比較有意思的動畫效果，就是文字積累粒子的效果。主要知識點：繪圖函數(shù)，碰撞檢測，計時器事件，該怎么實現(xiàn)呢？下面我們就來看看使用Animate cc實現(xiàn)的教程，請看下文詳細介紹。

Adobe Animate CC 2019(原Flash) 19.0 中/英文最新版 64位

類型：動畫制作
大小：1.8GB
語言：簡體中文
時間：2018-10-16

查看詳情

1、這里用的是Animate CC，打開軟件，新建AS3文檔。

2、設(shè)置舞臺顏色為黑色

3、在舞臺上放置一個文本框，文字自行輸入。

4、轉(zhuǎn)換為影片剪輯，然后設(shè)置實例名為mc

5、準備工作完成，在主時間軸加如下代碼：

6、此時運行，預覽后，隨著鼠標的移動，可以看到不斷的產(chǎn)生彩色小球，并向下移動。

7、隨著小球越來越多，當經(jīng)過文字時，會隨機停留在文字上，慢慢的顯示出文字輪廓。

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、可以使用這個效果制作賀卡之類的動態(tài)效果。

以上就是flash制作粒子組成文字動畫的教程，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。

相關(guān)推薦：

flash怎么制作文字飛入的動畫?

flash怎么制作文字落水的動畫效果?

flash怎么制作上下跳動的英文字母動畫?