Flash AS 入門 為“關(guān)鍵幀”添加動(dòng)作

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