Flash AS 入門 為“關鍵幀”添加動作

這篇教程為“Flash AS 入門教程”的一部分。查看全套教程>>>>。
本節(jié)應掌握的知識要點:
①添加腳本的方式;②stop()、gotoAndstop()動作;③應用【添加腳本】工具 ;④認識幀動作標志“a”;⑤語法規(guī)范:小括號“()”和分號“;”。
在Flash中添加動作腳本可以分為兩種方式,一是為“幀”添加動作腳本,二是向“對象”添加動作腳本。
“幀”動作腳本,是指在時間軸的“關鍵幀”上添加的動作腳本。
“對象”動作腳本,是指在“按鈕”元件和“影片剪輯”元件的實例上添加的動作腳本。請注意,“圖形”元件上是不能添加動作腳本的。
這一講,我們將學習在關鍵幀上添加stop();、gotoAndstop()動作,來控制影片的播放。
stop()的作用是停止動畫播放。
gotoAndstop()的作用是通知播放頭跳轉(zhuǎn)到某一幀并在該幀停止。 請看示例動畫“實例1-1”。
實例1-1 添加幀動作腳本stop()、gotoAndstop()以控制影片播放。
按常規(guī),動畫的播放是隨著時間軸上播放頭的移動而順序循環(huán)播放的,這個動畫上面有一只來回奔跑跳躍的小松鼠,在動畫播放時,如果沒有遇到停止的指令,就會不停的循環(huán)往復奔跑。打開源文件看看,這個動畫中,在時間軸上的第1幀、第10幀、第20幀分別添加了stop()動作,當動畫播放到相應幀時即會按照幀動作的指令自動停止下來。第30幀上添加了gotoAndstop(50)動作,當動畫播放到第30幀時,即會按照該幀上的語句指令,跳轉(zhuǎn)并停止在第50幀上。
這里我們用添加幀動作實現(xiàn)了讓動畫按要求停止播放,但是,一旦停止了下來就無法再自動重新播放,此時單擊動畫右下角的play按鈕,就可以使動畫繼續(xù)播放了,這就是動畫中簡單的交互。
我們將在下一講中學習在動畫播放的過程中,利用按鈕來實現(xiàn)人為的對動畫進行播放控制,實現(xiàn)簡單的交互效果。
現(xiàn)在,我們來學習添加語句的步驟:
選中需要添加動作腳本的關鍵幀,這時“動作”面板的標題欄上顯示的標題是“動作-幀”,如圖1-4,然后單擊動作面板“腳本”編輯窗口左上角【添加腳本】工具 ,在彈出菜單上找到相關條目里面的語句,雙擊即添加到了“腳本編輯”窗口中。如圖4。也可以直接在“腳本編輯”窗口中輸入語句。
圖1-4在“腳本編輯”窗口中添加動作
本節(jié)涉及的語法及規(guī)范:
小括號“()”:在“AS”中,這個小括號“()”的作用之一是用來在其中定義函數(shù)或者動作的參數(shù),如本節(jié)實例中用到的gotoAndstop(50),也有不用參數(shù)的動作,如本節(jié)用到的stop()。
分號“;”:在“AS”中,分號“;”是用來作為語句結(jié)束的標記,在Flash AS腳本中,任何一條語句都是以“;”號結(jié)束的。雖然有時省略了“;”號,F(xiàn)lash也可以成功的編譯這個腳本,但這是不規(guī)范的。
幀動作標志“a”: 當關鍵幀上添加了動作腳本之后,該幀上就會出現(xiàn)一個小寫的字母“a”,如“實例1”時間軸上的第1幀、第10幀、第20幀,這個標志表明在該幀上添加了動作。
課后練習:
這一節(jié)的內(nèi)容很簡單,運用這一節(jié)的知識,并利用實例1-1的源文件做一個簡單的課后練習,要求是:動畫開始播放后,小松鼠跑到第10幀然后直接跳到第30幀,到第40幀后又直接跳到第60幀。效果如“練習1-1”。
練習1-1
這篇教程為“Flash AS 入門教程”的一部分。查看全套教程>>>>。
相關文章
- flash cs6想要實現(xiàn)鼠標跟隨效果?該怎么制作呢?今天我們就來看看使用as2.0實現(xiàn)鼠標跟隨效果的教程,需要的朋友可以參考下2019-05-19
- Flash cs6怎么使用代碼輸入中英文文本?Flash cs6中可以使用文字工具直接輸入文本,也可以使用代碼來輸入文本,該怎么使用代碼輸入文本呢?請看下文詳細的教程,需要的朋友2018-03-11
- flash as3.0抽象類怎么定義? as3.0中有很多抽象類,該怎么定義抽象類和抽象方法呢?下面我們就來看看簡單的例子,需要的朋友可以參考下http://www.dbjr.com.cn/softs/408402.2018-02-28
flash cs6中怎么使用ActionScript3.0?
flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,該怎么使用呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-01-25- 本教程給大家分享一個Flash小教程,教大家在Flash CS6中怎么實現(xiàn)鼠標點擊決定圖像位置?方法很簡單,感興趣的朋友歡迎前來一起分享學習2018-01-12
- 本教程教腳本之家的ActionScript教程學習者在Flash中如何用代碼將圖片放在自己想要的舞臺位置,教程講解的詳細,感興趣的朋友歡迎前來分享學習2017-11-20
在Flash CS6中使用with函數(shù)繪制背景圖教程
本教程教腳本之家的ActionScript教程學習者如何在Flash CS6中使用with函數(shù)繪制背景圖?教程一步步講解的挺詳細,方法也不難,非常適合Flash新手入門學習2017-11-18Flash怎么設置元件坐標?flash使用代碼設置元件的坐標的教程
Flash怎么設置元件坐標?flash中導如的元件需要添加坐標,該怎么定位元件坐標呢?下面我們就來看看flash使用代碼設置元件的坐標的教程,需要的朋友可以參考下2017-10-11- Flash怎么制作來回搖擺的花朵的動畫?Flash中想要給花朵制作一段搖擺的動畫效果,該怎么制作呢?下面我們就來看看詳細的教程,很簡單,需要的朋友可以參考下2017-05-23
- Flash怎么制作流動七彩色的文字?想要讓文字動起來,該怎么使用flash給文字制作一個流動七彩色的動畫呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2017-04-23