flash怎么制作一段簡單的動(dòng)畫交互?
既然flash是一款強(qiáng)大的動(dòng)畫編輯軟件,連PPT都能夠?qū)崿F(xiàn)的動(dòng)畫交互自然flash也可以了,而且更為靈活,因?yàn)樯婕暗酱a,我們先來制作簡單的交互式動(dòng)畫,了解原理后就可以熟練地運(yùn)用了

Macromedia Flash Pro(動(dòng)畫制作軟件) V8.0 簡體中文綠色注冊版
- 類型:動(dòng)畫制作
- 大小:47.6MB
- 語言:簡體中文
- 時(shí)間:2014-06-26
1、首先在第一幀處我們選擇矩形工具畫一個(gè)矩形出來,邊框與填充色大家自由選擇

2、然后在第50幀處,這里只是為了做出一個(gè)動(dòng)態(tài)的效果,所以大家還是可以自由選擇幀數(shù),插入空白關(guān)鍵幀

3、然后選擇橢圓工具在右邊畫一個(gè)圓,沒什么限制,在中間任意一幀右擊創(chuàng)建補(bǔ)間形狀

4、新建兩個(gè)空白圖層,然后對圖層進(jìn)行命名,有圖形的可命名為動(dòng)畫,因?yàn)樾枰粹o,所以一個(gè)命名為按鈕,還有一個(gè)就是代碼層,自己能分清就可以了

5、下面我們來制作按鈕層,因?yàn)橹坝邪l(fā)過一個(gè)教程是教大家怎么制作按鈕的,座椅這里就套用了,而且flashCC中沒有公用庫了,需要自己制作按鈕,所以建議大家最好做一些備用。選中按鈕圖層的第一幀,將庫面板調(diào)出來,把按鈕拖出來

6、另一個(gè)也拖到舞臺(tái)上來,調(diào)整一下位置,讓畫面更對稱一些

7、然后系統(tǒng)會(huì)自動(dòng)補(bǔ)充剩下的幀數(shù),這樣按鈕圖層部分就做好了

8、選擇代碼層,在編寫代碼之前還需要做一些準(zhǔn)備工作,就是給按鈕命名,點(diǎn)擊start按鈕,來到屬性面板,實(shí)例名稱改為start,之后編寫代碼會(huì)用到


9、另一個(gè)也是同樣的操作,改為over,如果大家沒有按鈕或者嫌麻煩的話可以制作一個(gè)簡易的按鈕,畫一個(gè)圖形就可以了,主要是測試停止和播放

10、然后我們找到動(dòng)作面板,flashCC的動(dòng)作面板十分簡潔,沒有之前的那么多按鈕作用,所以我們還是直接編寫代碼吧

11、在這里小編先把停止的編碼寫上,然后簡單地分析下,讓大家更容易記住,還有一些符號(hào)的問題
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,是無效的意思,后面大括號(hào),中間先打入this,就是指代這個(gè)上面那個(gè)行為,然后停止,最后一個(gè)符號(hào)是分號(hào),停止也是同樣的,要改變的就是名稱,函數(shù)和是播放還是停止,播放是play

13、代碼的編寫經(jīng)常會(huì)發(fā)生錯(cuò)誤,這時(shí)候就會(huì)彈出編寫有問題處的提示,然后進(jìn)行檢查修改,所以編寫的時(shí)候一定要注意符號(hào)空格和中英文以及單詞有沒有拼寫正確

14、上面這個(gè)就是一個(gè)單詞多加了一個(gè)字母就無法執(zhí)行,所以編寫的時(shí)候可能會(huì)修改很多次,熟悉了就慢慢做的準(zhǔn)確了。
相關(guān)推薦:
Flash怎么制作滾動(dòng)字幕動(dòng)畫效果?
flash怎么制種子慢慢發(fā)芽導(dǎo)成花苗的動(dòng)畫?
flash怎么制作不斷變換位置大小的五角星動(dòng)畫?
相關(guān)文章
flash怎么制作一段籃球滾動(dòng)的動(dòng)畫?
flash怎么制作一段籃球滾動(dòng)的動(dòng)畫?我們知道投球的時(shí)候,籃球落地以后會(huì)彈起落下重復(fù)幾次以后才能落地,該怎么制作這樣一段動(dòng)畫呢?請看下文詳細(xì)介紹,需要的朋友可以參考2016-11-12flash怎么制作氣泡無規(guī)則向上升起的動(dòng)畫?
flash怎么制作氣泡無規(guī)則向上升起的動(dòng)畫?flash中制作動(dòng)畫很方便,今天我們就來看看讓氣泡隨意上升的動(dòng)畫的制作方法,教程不難,需要的朋友可以參考下2016-11-10- flash形狀補(bǔ)間動(dòng)畫怎么才能更流暢?flash制作補(bǔ)間動(dòng)畫不太流暢,該怎么更改的更流暢呢?下面我們就來看看補(bǔ)間動(dòng)畫的制作方法,很簡單,需要的朋友可以參考下2016-11-04
Flash怎么制作滾動(dòng)字幕動(dòng)畫效果?
Flash怎么制作滾動(dòng)字幕動(dòng)畫效果?Flash中想要制作一段字母滾動(dòng)的動(dòng)畫,該怎么制作呢?下面我們就來看看詳細(xì)的制作方法,很簡單,需要的朋友可以參考下2016-10-18flash8簡單制作倒計(jì)時(shí)動(dòng)畫效果
這篇教程是向腳本之家的朋友分享flash8簡單制作倒計(jì)時(shí)動(dòng)畫效果方法,教程制作出來的動(dòng)畫效果非常不錯(cuò),方法也很簡單,推薦到腳本之家,喜歡的朋友可以參考本文,一起來看看2016-10-16Flash cs6傳統(tǒng)補(bǔ)間動(dòng)畫的基礎(chǔ)知識(shí)整理
使用flash制作動(dòng)畫的時(shí)候,就會(huì)用到動(dòng)畫補(bǔ)間,今天我們就來介紹一下傳統(tǒng)的動(dòng)畫補(bǔ)間的使用方法,以及一些基礎(chǔ)知識(shí)整理,都是比較簡單的內(nèi)容,需要的朋友可以參考下2016-10-14flash制作一個(gè)小球從左運(yùn)動(dòng)到右的逐幀動(dòng)畫
這篇教程是向腳本之家的朋友分享flash制作一個(gè)小球從左運(yùn)動(dòng)到右的逐幀動(dòng)畫方法,教程比較基礎(chǔ),適合新手來學(xué)習(xí),推薦到腳本之家,一起來學(xué)習(xí)吧2016-09-28flash怎么制作翻滾的文字動(dòng)畫? flash動(dòng)態(tài)文字制作教程
flash怎么制作翻滾的文字動(dòng)畫?想制作會(huì)呢多蚊子上下翻滾的一段動(dòng)畫,該怎么制作呢?下面我們就來看看flash動(dòng)態(tài)文字制作教程,需要的朋友可以參考下2016-09-23flash怎么制作一個(gè)桂花飄香的樹下賞月的動(dòng)畫?
flash怎么制作一個(gè)桂花飄香的樹下賞月的動(dòng)畫?馬上就是中秋了,想做一個(gè)動(dòng)畫卡片,就是在一顆飄香的桂花樹下擺一桌中秋晚餐的動(dòng)畫,該怎么制作呢?請看下文詳細(xì)介紹,需要2016-09-14- 這篇教程是向腳本之家的朋友分享flash制作推窗的gif動(dòng)畫效果方法,教程制作出來的效果非常漂亮,難度不是很大,值得大家學(xué)習(xí),一起來看看吧2016-09-07

