flash怎么制作粒子慢慢增多并組合成文字的動(dòng)畫(huà)?

今天我們就來(lái)介紹一個(gè)比較有意思的動(dòng)畫(huà)效果,就是文字積累粒子的效果。主要知識(shí)點(diǎn):繪圖函數(shù),碰撞檢測(cè),計(jì)時(shí)器事件,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看使用Animate cc實(shí)現(xiàn)的教程,請(qǐng)看下文詳細(xì)介紹。

Adobe Animate CC 2019(原Flash) 19.0 中/英文最新版 64位
- 類型:動(dòng)畫(huà)制作
- 大小:1.8GB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2018-10-16
1、這里用的是Animate CC,打開(kāi)軟件,新建AS3文檔。
2、設(shè)置舞臺(tái)顏色為黑色
3、在舞臺(tái)上放置一個(gè)文本框,文字自行輸入。
4、轉(zhuǎn)換為影片剪輯,然后設(shè)置實(shí)例名為mc
5、準(zhǔn)備工作完成,在主時(shí)間軸加如下代碼:
6、此時(shí)運(yùn)行,預(yù)覽后,隨著鼠標(biāo)的移動(dòng),可以看到不斷的產(chǎn)生彩色小球,并向下移動(dòng)。
7、隨著小球越來(lái)越多,當(dāng)經(jīng)過(guò)文字時(shí),會(huì)隨機(jī)停留在文字上,慢慢的顯示出文字輪廓。
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、可以使用這個(gè)效果制作賀卡之類的動(dòng)態(tài)效果。
以上就是flash制作粒子組成文字動(dòng)畫(huà)的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
flash怎么制作文字落水的動(dòng)畫(huà)效果?
flash怎么制作上下跳動(dòng)的英文字母動(dòng)畫(huà)?
相關(guān)文章
Flash青蛙怎么添加跳躍的動(dòng)畫(huà)效果?
Flash青蛙怎么添加跳躍的動(dòng)畫(huà)效果?Flash cs4中想要給青蛙圖片添加跳動(dòng)的動(dòng)畫(huà)效果,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-10-09Flash怎么創(chuàng)建元件? flash元件建立方法
Flash怎么創(chuàng)建元件?flash中想要?jiǎng)?chuàng)建一個(gè)元件,該怎么創(chuàng)建元件呢?下面我們就來(lái)看看flash元件建立方法,很簡(jiǎn)單,需要的朋友可以參考下2018-10-07- Flash動(dòng)作按鈕怎么制作?flash中想要制作一個(gè)有動(dòng)作的按鈕,該怎么制作這個(gè)按鈕呢?下面我們就來(lái)看看flash制作動(dòng)作按鈕的教程,需要的朋友可以參考下2018-10-06
- Flash怎么畫(huà)彩虹色的圓環(huán)?flash中想要畫(huà)一個(gè)圓環(huán)并添加彩虹色,該怎么繪制呢?下面我們就來(lái)看看flash畫(huà)彩虹色圓環(huán)的教程,很簡(jiǎn)單,需要的朋友可以參考下2018-10-05
- Flash怎么制作圖形形變的動(dòng)畫(huà)?flash中想要制作一個(gè)圖形便形成另一個(gè)圖形的動(dòng)畫(huà),該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-10-04
- Flash矩形工具怎么制作創(chuàng)意的圖形?Flash想要制作一些中國(guó)風(fēng)的圖形,類似窗戶的圖形,該怎么制作呢?我們可以使用矩形工具來(lái)制作呢,下面我們就來(lái)看看詳細(xì)的教程,需要的朋2018-09-30
- Flash怎么使用黑白工具和轉(zhuǎn)換工具?Flash中給圖形上色的時(shí)候,會(huì)用到黑白工具和轉(zhuǎn)換工具,該怎么使用呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-09-28
- Flash cs4怎么使用刷子模式?Flash中的工具很多,想要使用刷子工具該怎么使用呢?下面我們就來(lái)看看flash刷子工具的使用方法,需要的朋友可以參考下2018-09-27
- Flash縮放工具怎么精準(zhǔn)的繪制圖形?flash中繪制圖形會(huì)使用很多工具,想要使用縮放工具,該怎么使用恩?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-09-26
- Flash線條怎么變形并連接?flash中繪制的線條想要變形并連接,該怎么調(diào)節(jié)線條和連接線條呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-09-25