flash怎么制作一段簡(jiǎn)單的動(dòng)畫交互:
flash怎么制作一段簡(jiǎn)單的動(dòng)畫交互?flash中想制作一個(gè)交互動(dòng)畫,該怎么制作呢?下面我們就來(lái)看看flash制作動(dòng)畫效果的教程,需要的朋友可以參考下
既然flash是一款強(qiáng)大的動(dòng)畫編輯軟件,連PPT都能夠?qū)崿F(xiàn)的動(dòng)畫交互自然flash也可以了,而且更為靈活,因?yàn)樯婕暗酱a,我們先來(lái)制作簡(jiǎn)單的交互式動(dòng)畫,了解原理后就可以熟練地運(yùn)用了
1、首先在第一幀處我們選擇矩形工具畫一個(gè)矩形出來(lái),邊框與填充色大家自由選擇
2、然后在第50幀處,這里只是為了做出一個(gè)動(dòng)態(tài)的效果,所以大家還是可以自由選擇幀數(shù),插入空白關(guān)鍵幀
3、然后選擇橢圓工具在右邊畫一個(gè)圓,沒什么限制,在中間任意一幀右擊創(chuàng)建補(bǔ)間形狀
4、新建兩個(gè)空白圖層,然后對(duì)圖層進(jìn)行命名,有圖形的可命名為動(dòng)畫,因?yàn)樾枰粹o,所以一個(gè)命名為按鈕,還有一個(gè)就是代碼層,自己能分清就可以了
5、下面我們來(lái)制作按鈕層,因?yàn)橹坝邪l(fā)過(guò)一個(gè)教程是教大家怎么制作按鈕的,座椅這里就套用了,而且flashCC中沒有公用庫(kù)了,需要自己制作按鈕,所以建議大家最好做一些備用。選中按鈕圖層的第一幀,將庫(kù)面板調(diào)出來(lái),把按鈕拖出來(lái)
6、另一個(gè)也拖到舞臺(tái)上來(lái),調(diào)整一下位置,讓畫面更對(duì)稱一些
7、然后系統(tǒng)會(huì)自動(dòng)補(bǔ)充剩下的幀數(shù),這樣按鈕圖層部分就做好了
8、選擇代碼層,在編寫代碼之前還需要做一些準(zhǔn)備工作,就是給按鈕命名,點(diǎn)擊start按鈕,來(lái)到屬性面板,實(shí)例名稱改為start,之后編寫代碼會(huì)用到
9、另一個(gè)也是同樣的操作,改為over,如果大家沒有按鈕或者嫌麻煩的話可以制作一個(gè)簡(jiǎn)易的按鈕,畫一個(gè)圖形就可以了,主要是測(cè)試停止和播放
10、然后我們找到動(dòng)作面板,flashCC的動(dòng)作面板十分簡(jiǎn)潔,沒有之前的那么多按鈕作用,所以我們還是直接編寫代碼吧
11、在這里小編先把停止的編碼寫上,然后簡(jiǎn)單地分析下,讓大家更容易記住,還有一些符號(hào)的問(wèn)題
over.addEventListener(MouseEvent.CLICK,ting)
function ting(e):void{
this.stop();
}
over是我們剛剛命名的按鈕的名字,addEventListener是一個(gè)效果,后面mouseEvent是鼠標(biāo)事件,就是鼠標(biāo)點(diǎn)擊,CLICK是點(diǎn)擊的意思,然后附加上一個(gè)函數(shù),這個(gè)函數(shù)自己構(gòu)造,就是一個(gè)代表,中文也可以
12、下面的function是運(yùn)轉(zhuǎn)的意思,空格輸入剛剛的函數(shù)加括號(hào),里面隨便寫一個(gè)字母,冒號(hào)打void,是無(wú)效的意思,后面大括號(hào),中間先打入this,就是指代這個(gè)上面那個(gè)行為,然后停止,最后一個(gè)符號(hào)是分號(hào),停止也是同樣的,要改變的就是名稱,函數(shù)和是播放還是停止,播放是play
13、代碼的編寫經(jīng)常會(huì)發(fā)生錯(cuò)誤,這時(shí)候就會(huì)彈出編寫有問(wèn)題處的提示,然后進(jìn)行檢查修改,所以編寫的時(shí)候一定要注意符號(hào)空格和中英文以及單詞有沒有拼寫正確
14、上面這個(gè)就是一個(gè)單詞多加了一個(gè)字母就無(wú)法執(zhí)行,所以編寫的時(shí)候可能會(huì)修改很多次,熟悉了就慢慢做的準(zhǔn)確了。