FLASH動畫設計精品課程課件

項目七腳本的應用

《FLASH動畫設計》精品課程組項目七腳本的應用《FLASH動畫設計》精品課程組1控制影片播放1制作LOADING2制作下雨效果

3制作下雪效果

4控制影片播放1制作LOADING2制作下雨效果3制作下雪21、控制影片播放

開一個已經(jīng)完成的動畫源文件，如圖所示。

1、控制影片播放 開一個已經(jīng)完成的動畫源文件，如圖所示。31、控制影片播放

制作按鈕元素。建立一個“播放”按鈕元件，選擇矩形工具，將筆觸顏色設置為黑色，線條粗細設置為3，填充顏色設置為#FF9900，在圖層1的“彈起”幀繪制一個矩形，如圖所示。1、控制影片播放 制作按鈕元素。建立一個“播放”按鈕元件41、控制影片播放

在“指針經(jīng)過”處按F6插入關鍵幀，將填充顏色改為＃669900，在“按下”處插入關鍵幀，顏色改為＃6699CC，在“點擊”處插入幀，在圖層1上方插入一個新的圖層，在“彈起”狀態(tài)下輸入文字“播放”，如圖所示。1、控制影片播放 在“指針經(jīng)過”處按F6插入關鍵幀，將填51、控制影片播放

在庫面板中，重制“播放”按鈕，在打開的復制元件對話框中，將元件名稱改為“停止”。在庫面板中雙擊“停止”按鈕的元件，將文字“播放”改為“停止”，如圖所示。用同樣的方法“重制”按鈕元件，制作出“上一幀”“下一幀”“返回”三個按鈕元件。1、控制影片播放 在庫面板中，重制“播放”按鈕，在打開的61、控制影片播放

回到場景1，在主時間軸上插入新的圖層，命名為“按鈕”，并將所有按鈕元件拖放到舞臺上，如圖所示。

1、控制影片播放 回到場景1，在主時間軸上插入新的圖層，71、控制影片播放

在“按鈕”圖層上方插入一個新的圖層命名為“AS”用于編寫幀腳本，選中第一幀，按F9打開動作面板，在腳本區(qū)域插入stop();命令，該命令主要是停止幀的播放，如圖所示。

1、控制影片播放 在“按鈕”圖層上方插入一個新的圖層命名81、控制影片播放

選擇“播放”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){play();}，設置當按下播放按鈕時開始播放動畫，如圖所示。1、控制影片播放 選擇“播放”按鈕，在動作面板的腳本區(qū)插91、控制影片播放

選擇“停止”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){stop();}，設置當按下播放按鈕時停止播放動畫，如圖所示。1、控制影片播放 選擇“停止”按鈕，在動作面板的腳本區(qū)插101、控制影片播放

選擇“上一幀”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){gotoAndPlay(prevFrame());} 設置當按下上一幀按鈕時播放上一幀動畫，如圖所示。1、控制影片播放 選擇“上一幀”按鈕，在動作面板的腳本區(qū)111、控制影片播放

選擇“下一幀”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){gotoAndPlay(nextFrame());} 設置當按下下一幀按鈕時播放下一幀動畫，如圖所示。1、控制影片播放 選擇“下一幀”按鈕，在動作面板的腳本區(qū)121、控制影片播放

選擇“返回”按鈕，在動作面板的腳本區(qū)插入代碼： on(release){gotoAndPlay(1);} 設置當按下返回按鈕時播放下一幀動畫，如圖所示，保存并測試影片。

1、控制影片播放 選擇“返回”按鈕，在動作面板的腳本區(qū)插132、制作LOADING

打開上一個實例的源文件，選擇窗口－設計面板－場景，打開場景面板，增加一個“場景2”，我們用它來做loadding的場景。拖動“場景2”的到“場景1”“上面。 在“場景2”中新建立4個圖層，從上到下分別命名為：AS層、進度條層、按鈕層、動畫層。2、制作LOADING 打開上一個實例的源文件，選擇窗口－142、制作LOADING

給AS圖層第一幀加上幀標簽play，然后打開動作面板，復制下面的代碼并粘貼。 //將電影總字節(jié)數(shù)賦值給total變量

total=_root.getBytesTotal();

//將已經(jīng)下載的字節(jié)數(shù)賦值給loaded變量

loaded=_root.getBytesLoaded();

//取整計算已下載的字節(jié)數(shù)的百分比并賦值給變量load

load=int(loaded/total*100);

//把已下載的字節(jié)數(shù)賦值給動態(tài)文本變量loadtxt

loadtxt="loading"+load+"%";

//進度條同時按百分比數(shù)跳轉到相應的幀上去;

_root.進度條.gotoAndStop(load);2、制作LOADING 給AS圖層第一幀加上幀標簽play152、制作LOADING

在第6幀（F7）插入一個關空白關鍵幀，復制下面的代碼并粘貼：

//如果下載字節(jié)數(shù)=總字節(jié)數(shù)，跳轉到6幀停止

if(loaded==total){

gotoAndStop(6);

//否則跳轉到標簽名"play"的幀,繼續(xù)下載

}else{

gotoAndPlay("play");

}2、制作LOADING 在第6幀（F7）插入一個關空白關鍵162、制作LOADING

創(chuàng)建進度條影片剪輯，命名為“進度條。在這個影片剪輯上，建立分別為“邊框線”層和“填充色”層。在“邊框線”層，繪制一個矩形，在屬性面板設置：寬：300；高：24；X：-150，Y：-12。2、制作LOADING 創(chuàng)建進度條影片剪輯，命名為“進度條172、制作LOADING

在100幀處F5插入普通幀。選中矩形里面的填充色（Ctrl+X）剪切，粘貼到“填充色”層第一幀（Ctrl+Shift+V或選擇編輯菜單下的粘貼到當前位置），調整填充色顏色，在100幀處F6插入關鍵幀，選中第一幀創(chuàng)建“形狀”動畫，在第一幀將矩形寬改為3。雙擊矩形框在屬性面板把筆觸調整為2，顏色自定義。2、制作LOADING 在100幀處F5插入普通幀。選中矩182、制作LOADING

進度條層設置進度條及動態(tài)文本?；氐綀鼍?中把剛做好的“進度條”元件從庫中拖放到“進度條”這一圖層的第一幀上，調整位置。然后選中舞臺中的“進度條”元件，在屬性面板上寫上實例名“進度條”，在第6幀插入普通幀。2、制作LOADING 進度條層設置進度條及動態(tài)文本。回到192、制作LOADING

選中“進度條”層，在舞臺合適的位置加入一個動態(tài)文本框，在屬性面板上設置文本類型：動態(tài)文本，字體：Arial，變量名：loadtxt，單行，字體大小顏色自定義，相關參數(shù)如圖所示。2、制作LOADING 選中“進度條”層，在舞臺合適的位置202、制作LOADING

在“按鈕層”第6幀插入一個空白關鍵幀，選擇窗口菜單下公用庫，打開按鈕庫，挑出一個自己喜歡的播放按鈕，擺放到舞臺合適位置并調整大小（本例中選擇的是：playback---playback-play）。2、制作LOADING 在“按鈕層”第6幀插入一個空白關鍵212、制作LOADING

選中舞臺上的按鈕元件給按鈕加上下面的代碼：

on(release){//釋放按鈕

gotoAndPlay("場景1",1);//跳轉并播放場景1的第1幀

} 現(xiàn)在loading就能用了，可以在“動畫層”再加入一些動畫影片剪輯。2、制作LOADING 選中舞臺上的按鈕元件給按鈕加上下面222、制作LOADING

測試影片。如果作品比較小，在測試的時候loading會瞬間就過去了，可以在測試影片的時候，選擇“視圖”菜單下的“模擬下載”就可以慢慢的欣賞loading的全過程了。2、制作LOADING 測試影片。如果作品比較小，在測試的233、制作下雨效果

思路：先做一滴雨的效果，然后復制一定數(shù)量的雨滴，這樣就出現(xiàn)了許多雨了。需要說明的一點就是利用影片的坐標屬性讓復制出來的雨滴從不同的地方落下，這樣就顯得雜亂，真實。3、制作下雨效果 思路：先做一滴雨的效果，然后復制一定數(shù)243、制作下雨效果

新建文檔，把素材文件夾中的圖片“菏塘”導入到舞臺中，并調整圖片的大小使其與舞臺的大小一致，設置圖片相對于舞臺居中對齊。3、制作下雨效果 新建文檔，把素材文件夾中的圖片“菏塘”253、制作下雨效果

新建名為“下雨”的影片剪輯，在影片剪輯中選擇線條工具，將筆觸的顏色設置為“#CCCCCC”，在舞臺上繪制一條斜線，選中繪制的線條按F8將其轉換為圖形元件“雨”，如圖所示。

3、制作下雨效果 新建名為“下雨”的影片剪輯，在影片剪輯263、制作下雨效果

在圖層1的第20幀插入關鍵幀，設置元件“雨”完全透明，并移動一定的位置，制作動畫。新建圖層2置于圖層1下，在第15幀插入關鍵幀，繪制一個圓圈，調整位置使其中心在線條“雨”的末端。將圓圈轉換為圖形元件“漣漪”，如圖所示。

3、制作下雨效果 在圖層1的第20幀插入關鍵幀，設置元件273、制作下雨效果

在圖層2的第25幀插入關鍵幀，將“漣漪”放大（中心位置不變），并設置為完全透明，創(chuàng)建補間動畫。3、制作下雨效果 在圖層2的第25幀插入關鍵幀，將“漣283、制作下雨效果

回到場景1，將圖層1命名為“背景”，插入圖層2命名為“雨”。把元件“下雨”從庫中拖放到圖層“雨”，將其實例名稱改為“rain”。在兩個圖層的第2幀插入普通幀，如圖所示。

3、制作下雨效果 回到場景1，將圖層1命名為“背景”，插293、制作下雨效果

插入圖層3命名為“AS”，該層用來添加腳本。選中第1幀，在動作面板中輸入以下腳本。 i=random(100);//產(chǎn)生隨機數(shù) duplicateMovieClip("rain","rain"+i,i);//復制影片 setProperty("rain"+i,_x,random(550));//攝制影片屬性 setProperty("rain"+i,_y,random(400));3、制作下雨效果 插入圖層3命名為“AS”，該層用來添加303、制作下雨效果

選中圖層“AS”的第2幀插入關鍵幀，在動作面板中輸入以下腳本。 gotoAndPlay(1); 保存并測試影片。3、制作下雨效果 選中圖層“AS”的第2幀插入關鍵幀，在314、制作下雪效果

下雪的效果和下雨的效果制作方法是一樣的，只需要把“下雨”的影片剪輯改為“下雪”動畫效果。 新建文檔，將舞臺大小設置為寬650px高320px，背景為黑色。將素材文件夾中的圖片“雪景”導入到舞臺上，并設置為相對于舞臺居中對齊，將圖層1命名為“背景”。

4、制作下雪效果 下雪的效果和下雨的效果制作方法是一樣的324、制作下雪效果

新建圖形元件“雪花”，用白色線條工具和橢圓工具配合繪制雪花，如下圖所示。4、制作下雪效果 新建圖形元件“雪花”，用白色線條工334、制作下雪效果

新建影片剪輯“下雪”，將圖形元件“雪花”拖放到“下雪”影片剪輯的舞臺上，給圖層1插入一個引導層，繪制一條曲線作為雪花飄落的路徑，如圖所示。4、制作下雪效果 新建影片剪輯“下雪”，將圖形元件“雪花344、制作下雪效果

回到場景1，新建“下雪”圖層，將影片剪輯“下雪”拖放到舞臺上方，并影片剪輯“下雪”設置實例名為“snow”，新建“AS”圖層，在所有圖層的第2幀插入普通幀，如下圖所示。4、制作下雪效果 回到場景1，新建“下雪”圖層，將影片剪354、制作下雪效果

選擇“AS”的第一幀，在腳本區(qū)輸入以下代碼：i=random(100);//產(chǎn)生隨機數(shù)duplicateMovieClip("snow","snow"+i,i);//復制影片setProperty("snow"+i,_x,random(550));//攝制影片屬性setProperty("snow"+i,_y,random(400));4、制作下雪效果 選擇“AS”的第一幀，在腳本區(qū)輸入以下364、制作下雪效果

在圖層“AS”的第2幀插入關鍵幀，在該幀的行為面板中輸入以下代碼： gotoAndPlay(1); 保存并測試影片。4、制作下雪效果 在圖層“AS”的第2幀插入關鍵幀，在該37演講完畢，謝謝觀看！演講完畢，謝謝觀看！38項目七腳本的應用

《FLASH動畫設計》精品課程組項目七腳本的應用《FLASH動畫設計》精品課程組39控制影片播放1制作LOADING2制作下雨效果

3制作下雪效果

4控制影片播放1制作LOADING2制作下雨效果3制作下雪401、控制影片播放

開一個已經(jīng)完成的動畫源文件，如圖所示。

1、控制影片播放 開一個已經(jīng)完成的動畫源文件，如圖所示。411、控制影片播放

制作按鈕元素。建立一個“播放”按鈕元件，選擇矩形工具，將筆觸顏色設置為黑色，線條粗細設置為3，填充顏色設置為#FF9900，在圖層1的“彈起”幀繪制一個矩形，如圖所示。1、控制影片播放 制作按鈕元素。建立一個“播放”按鈕元件421、控制影片播放

在“指針經(jīng)過”處按F6插入關鍵幀，將填充顏色改為＃669900，在“按下”處插入關鍵幀，顏色改為＃6699CC，在“點擊”處插入幀，在圖層1上方插入一個新的圖層，在“彈起”狀態(tài)下輸入文字“播放”，如圖所示。1、控制影片播放 在“指針經(jīng)過”處按F6插入關鍵幀，將填431、控制影片播放

在庫面板中，重制“播放”按鈕，在打開的復制元件對話框中，將元件名稱改為“停止”。在庫面板中雙擊“停止”按鈕的元件，將文字“播放”改為“停止”，如圖所示。用同樣的方法“重制”按鈕元件，制作出“上一幀”“下一幀”“返回”三個按鈕元件。1、控制影片播放 在庫面板中，重制“播放”按鈕，在打開的441、控制影片播放

回到場景1，在主時間軸上插入新的圖層，命名為“按鈕”，并將所有按鈕元件拖放到舞臺上，如圖所示。

1、控制影片播放 回到場景1，在主時間軸上插入新的圖層，451、控制影片播放

在“按鈕”圖層上方插入一個新的圖層命名為“AS”用于編寫幀腳本，選中第一幀，按F9打開動作面板，在腳本區(qū)域插入stop();命令，該命令主要是停止幀的播放，如圖所示。

1、控制影片播放 在“按鈕”圖層上方插入一個新的圖層命名461、控制影片播放

選擇“播放”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){play();}，設置當按下播放按鈕時開始播放動畫，如圖所示。1、控制影片播放 選擇“播放”按鈕，在動作面板的腳本區(qū)插471、控制影片播放

選擇“停止”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){stop();}，設置當按下播放按鈕時停止播放動畫，如圖所示。1、控制影片播放 選擇“停止”按鈕，在動作面板的腳本區(qū)插481、控制影片播放

選擇“上一幀”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){gotoAndPlay(prevFrame());} 設置當按下上一幀按鈕時播放上一幀動畫，如圖所示。1、控制影片播放 選擇“上一幀”按鈕，在動作面板的腳本區(qū)491、控制影片播放

選擇“下一幀”按鈕，在動作面板的腳本區(qū)插入代碼：on(release){gotoAndPlay(nextFrame());} 設置當按下下一幀按鈕時播放下一幀動畫，如圖所示。1、控制影片播放 選擇“下一幀”按鈕，在動作面板的腳本區(qū)501、控制影片播放

選擇“返回”按鈕，在動作面板的腳本區(qū)插入代碼： on(release){gotoAndPlay(1);} 設置當按下返回按鈕時播放下一幀動畫，如圖所示，保存并測試影片。

1、控制影片播放 選擇“返回”按鈕，在動作面板的腳本區(qū)插512、制作LOADING

打開上一個實例的源文件，選擇窗口－設計面板－場景，打開場景面板，增加一個“場景2”，我們用它來做loadding的場景。拖動“場景2”的到“場景1”“上面。 在“場景2”中新建立4個圖層，從上到下分別命名為：AS層、進度條層、按鈕層、動畫層。2、制作LOADING 打開上一個實例的源文件，選擇窗口－522、制作LOADING

給AS圖層第一幀加上幀標簽play，然后打開動作面板，復制下面的代碼并粘貼。 //將電影總字節(jié)數(shù)賦值給total變量

total=_root.getBytesTotal();

//將已經(jīng)下載的字節(jié)數(shù)賦值給loaded變量

loaded=_root.getBytesLoaded();

//取整計算已下載的字節(jié)數(shù)的百分比并賦值給變量load

load=int(loaded/total*100);

//把已下載的字節(jié)數(shù)賦值給動態(tài)文本變量loadtxt

loadtxt="loading"+load+"%";

//進度條同時按百分比數(shù)跳轉到相應的幀上去;

_root.進度條.gotoAndStop(load);2、制作LOADING 給AS圖層第一幀加上幀標簽play532、制作LOADING

在第6幀（F7）插入一個關空白關鍵幀，復制下面的代碼并粘貼：

//如果下載字節(jié)數(shù)=總字節(jié)數(shù)，跳轉到6幀停止

if(loaded==total){

gotoAndStop(6);

//否則跳轉到標簽名"play"的幀,繼續(xù)下載

}else{

gotoAndPlay("play");

}2、制作LOADING 在第6幀（F7）插入一個關空白關鍵542、制作LOADING

創(chuàng)建進度條影片剪輯，命名為“進度條。在這個影片剪輯上，建立分別為“邊框線”層和“填充色”層。在“邊框線”層，繪制一個矩形，在屬性面板設置：寬：300；高：24；X：-150，Y：-12。2、制作LOADING 創(chuàng)建進度條影片剪輯，命名為“進度條552、制作LOADING

在100幀處F5插入普通幀。選中矩形里面的填充色（Ctrl+X）剪切，粘貼到“填充色”層第一幀（Ctrl+Shift+V或選擇編輯菜單下的粘貼到當前位置），調整填充色顏色，在100幀處F6插入關鍵幀，選中第一幀創(chuàng)建“形狀”動畫，在第一幀將矩形寬改為3。雙擊矩形框在屬性面板把筆觸調整為2，顏色自定義。2、制作LOADING 在100幀處F5插入普通幀。選中矩562、制作LOADING

進度條層設置進度條及動態(tài)文本?；氐綀鼍?中把剛做好的“進度條”元件從庫中拖放到“進度條”這一圖層的第一幀上，調整位置。然后選中舞臺中的“進度條”元件，在屬性面板上寫上實例名“進度條”，在第6幀插入普通幀。2、制作LOADING 進度條層設置進度條及動態(tài)文本?；氐?72、制作LOADING

選中“進度條”層，在舞臺合適的位置加入一個動態(tài)文本框，在屬性面板上設置文本類型：動態(tài)文本，字體：Arial，變量名：loadtxt，單行，字體大小顏色自定義，相關參數(shù)如圖所示。2、制作LOADING 選中“進度條”層，在舞臺合適的位置582、制作LOADING

在“按鈕層”第6幀插入一個空白關鍵幀，選擇窗口菜單下公用庫，打開按鈕庫，挑出一個自己喜歡的播放按鈕，擺放到舞臺合適位置并調整大?。ū纠羞x擇的是：playback---playback-play）。2、制作LOADING 在“按鈕層”第6幀插入一個空白關鍵592、制作LOADING

選中舞臺上的按鈕元件給按鈕加上下面的代碼：

on(release){//釋放按鈕

gotoAndPlay("場景1",1);//跳轉并播放場景1的第1幀

} 現(xiàn)在loading就能用了，可以在“動畫層”再加入一些動畫影片剪輯。2、制作LOADING 選中舞臺上的按鈕元件給按鈕加上下面602、制作LOADING

測試影片。如果作品比較小，在測試的時候loading會瞬間就過去了，可以在測試影片的時候，選擇“視圖”菜單下的“模擬下載”就可以慢慢的欣賞loading的全過程了。2、制作LOADING 測試影片。如果作品比較小，在測試的613、制作下雨效果

思路：先做一滴雨的效果，然后復制一定數(shù)量的雨滴，這樣就出現(xiàn)了許多雨了。需要說明的一點就是利用影片的坐標屬性讓復制出來的雨滴從不同的地方落下，這樣就顯得雜亂，真實。3、制作下雨效果 思路：先做一滴雨的效果，然后復制一定數(shù)623、制作下雨效果

新建文檔，把素材文件夾中的圖片“菏塘”導入到舞臺中，并調整圖片的大小使其與舞臺的大小一致，設置圖片相對于舞臺居中對齊。3、制作下雨效果 新建文檔，把素材文件夾中的圖片“菏塘”633、制作下雨效果

新建名為“下雨”的影片剪輯，在影片剪輯中選擇線條工具，將筆觸的顏色設置為“#CCCCCC”，在舞臺上繪制一條斜線，選中繪制的線條按F8將其轉換為圖形元件“雨”，如圖所示。

3、制作下雨效果 新建名為“下雨”的影片剪輯，在影片剪輯643、制作下雨效果

在圖層1的第20幀插入關鍵幀，設置元件“雨”完全透明，并移動一定的位置，制作動畫。新建圖層2置于圖層1下，在第15幀插入關鍵幀，繪制一個圓圈，調整位置使其中心在線條“雨”的末端。將圓圈轉換為圖形元件“漣漪”，如圖所示。

3、制作下雨效果 在圖層1的第20幀插入關鍵幀，設置元件653、制作下雨效果

在圖層2的第25幀插入關鍵幀，將“漣漪”放大（中心位置不變），并設置為完全透明，創(chuàng)建補間動畫。3、制作下雨效果 在圖層2的第25幀插入關鍵幀，將“漣663、制作下雨效果

回到場景1，將圖層1命名為“背景”，插入圖層2命名為“雨”。把元件“下雨”從庫中拖放到圖層“雨”，將其實例名稱改為“rain”。在兩個圖層的第2幀插入普通幀，如圖所示。

3、制作下雨效果 回到場景1，將圖層1命名為“背景”，插673、制作下雨效果

插入圖層3命名為“AS”，該層用來添加腳本。選中第1幀，在動作面板中輸入以下腳本。 i=random(100);//產(chǎn)生隨機數(shù) duplicateMovieClip("rain","rain"+i,i);//復制影片 setProperty("rain"+i,_x,random(