Flash 8中文版實(shí)用教程(第2版) 07 ActionScript 20動畫編程

1、理解理解ActionScript 2.0ActionScript 2.0的基本概念的基本概念 。熟悉熟悉ActionScript 2.0ActionScript 2.0的基本語法的基本語法 。掌握常用內(nèi)置函數(shù)的用法掌握常用內(nèi)置函數(shù)的用法 。 本章學(xué)習(xí)要求本章學(xué)習(xí)要求 項(xiàng)目七項(xiàng)目七 ActionScript 2.0動畫編程u 任務(wù)一 初識ActionScript 2.0u 任務(wù)二 常用內(nèi)置函數(shù) u 任務(wù)三 【突破提高】制作“接黃金” 本章大綱本章大綱任務(wù)一 初識ActionScript 2.0（一） ActionScript 2.0的基本概念 1、基本術(shù)語、基本術(shù)語（1）語法；（2）語句；（3）

2、類；（4）動作；（5）表達(dá)式；（6）事件。事件可以由用戶或系統(tǒng)觸發(fā)，一般可以劃分為以下幾類 ：鼠標(biāo)和鍵盤事件；剪輯事件；幀事件；標(biāo)識符。（7）實(shí)例；（8）實(shí)例名稱；（9）關(guān)鍵字；（10）對象；（11）屬性；（12）方法；（13）標(biāo)點(diǎn)符號；（14）布爾值。2、語言規(guī)則、語言規(guī)則（1）點(diǎn)語法；（2）大括號；（3）分號；（4）大小寫字母；（5）注釋；（6）關(guān)鍵字。3、常量、變量和數(shù)據(jù)類型（1）常量，常量值有3種數(shù)據(jù)類型：數(shù)值型、字符串型和邏輯型。（2）變量： 變量命名規(guī)則； 變量的范圍。（3）數(shù)據(jù)類型： 字符串（String）； 數(shù)字型（Number）； 布爾型（Boolean）； 對象型（Obje

3、ct）； 影片剪輯型（MovieClip）； 空值（null）； 未定義型（undefined）。（二） ActionScript 2.0語法規(guī)則1、運(yùn)算符和表達(dá)式（1）運(yùn)算符 表7-1 運(yùn)算符比較操作符比較操作符算術(shù)操作符算術(shù)操作符邏輯操作符邏輯操作符字符串操作符字符串操作符位操作符位操作符操作符操作符操作操作操作符操作符操作操作操作操作符符操作操作操作符操作符操作操作操作操作符符操作操作大于大于-減減|邏輯或邏輯或Eq字符串相等字符串相等|按位或按位或=大于等于大于等于/除除Lt小于小于按位取非按位取非!=()不等于不等于%取模取模Le小于等于小于等于右移右移-自減自減Qe大于等于大于等于

4、右移后空位用右移后空位用0補(bǔ)補(bǔ)（2）表達(dá)式： 算術(shù)表達(dá)式； 字符串表達(dá)式； 關(guān)系表達(dá)式； 邏輯表達(dá)式。2、程序控制結(jié)構(gòu)（1）順序結(jié)構(gòu)；（2）選擇結(jié)構(gòu)；（3）循環(huán)結(jié)構(gòu)： while結(jié)構(gòu)； dowhile結(jié)構(gòu)； for結(jié)構(gòu)。3、函數(shù) 函數(shù)是用來對常量、變量等進(jìn)行某種運(yùn)算的方法，如產(chǎn)生隨機(jī)數(shù)、進(jìn)行數(shù)值運(yùn)算、獲取對象屬性等。如果將參數(shù)傳遞給函數(shù)，則函數(shù)會對這些值執(zhí)行運(yùn)算。函數(shù)也可以返回值。任務(wù)二 常用內(nèi)置函數(shù) （一） 【知識準(zhǔn)備】認(rèn)識常用內(nèi)置函數(shù)1、時(shí)間軸控制函數(shù) 新建一個(gè)Flash 8文檔，選中圖層1的第1幀，然后按F9 鍵打開【動作幀】面板，依次展開左邊窗口內(nèi)的【全局函數(shù)】【時(shí)間軸控制】選項(xiàng)，即可

5、參看所有的時(shí)間軸控制函數(shù)，如圖7-1所示 。圖圖7-1 【動作幀動作幀】面板面板 表7-2 時(shí)間軸控制函數(shù)說明 函數(shù)函數(shù)作用作用gotoAndPlay(n)將播放頭轉(zhuǎn)到場景中第將播放頭轉(zhuǎn)到場景中第n幀并從該幀開始播放幀并從該幀開始播放，n為要調(diào)整的幀數(shù)為要調(diào)整的幀數(shù)gotoAndStop(n)將播放頭轉(zhuǎn)到場景中第將播放頭轉(zhuǎn)到場景中第n幀并停止播放幀并停止播放nextFrame()將播放頭轉(zhuǎn)到下一幀將播放頭轉(zhuǎn)到下一幀nextScenenextScene()將播放頭轉(zhuǎn)到下一場景的第將播放頭轉(zhuǎn)到下一場景的第1幀幀playplay()在時(shí)間軸中向前移動播放頭在時(shí)間軸中向前移動播放頭prevFrame(

6、)將播放頭轉(zhuǎn)到上一幀將播放頭轉(zhuǎn)到上一幀prevSceneScene()將播放頭轉(zhuǎn)到上一場景的第將播放頭轉(zhuǎn)到上一場景的第 1 幀幀stop()停止當(dāng)前正在播放的停止當(dāng)前正在播放的 SWF 文件文件stopAllSounds()在不停止播放頭的情況下停止在不停止播放頭的情況下停止 SWF 文件中當(dāng)前正在播放的所有聲音文件中當(dāng)前正在播放的所有聲音2、影片剪輯控制函數(shù) 在【動作幀】面板中，依次展開左邊窗口內(nèi)的【全局函數(shù)】【影片剪輯控制】選項(xiàng)，即可參看所有的影片剪輯控制函數(shù)，如圖7-2所示 。 圖圖7-2 影片剪輯控制函數(shù)影片剪輯控制函數(shù) 表7-3 影片剪輯控制函數(shù)說明函數(shù)函數(shù)作用作用duplicate

7、MovieClip()當(dāng)當(dāng) SWF 文件正在播放時(shí)，創(chuàng)建一個(gè)影片剪輯的實(shí)例文件正在播放時(shí)，創(chuàng)建一個(gè)影片剪輯的實(shí)例getProperty()返回影片剪輯指定的屬性值返回影片剪輯指定的屬性值on () 指定觸發(fā)動作的鼠標(biāo)事件或按鍵指定觸發(fā)動作的鼠標(biāo)事件或按鍵onClipEvent () 觸發(fā)為特定影片剪輯實(shí)例定義的動作觸發(fā)為特定影片剪輯實(shí)例定義的動作setProperty()當(dāng)影片剪輯播放時(shí)，更改影片剪輯的屬性值當(dāng)影片剪輯播放時(shí)，更改影片剪輯的屬性值startDrag()使影片剪輯在影片播放過程中可拖動使影片剪輯在影片播放過程中可拖動stopDrag()停止當(dāng)前的拖動操作停止當(dāng)前的拖動操作targ

8、etPath()返回一個(gè)字符串，其中包含返回一個(gè)字符串，其中包含指定影片剪輯指定影片剪輯的目標(biāo)路徑的目標(biāo)路徑updateAfterEvent()在在 onClipEvent()處理函數(shù)內(nèi)調(diào)用此函數(shù)時(shí)，將更新顯示（與為影片設(shè)置的每秒幀數(shù)處理函數(shù)內(nèi)調(diào)用此函數(shù)時(shí)，將更新顯示（與為影片設(shè)置的每秒幀數(shù)無關(guān)）無關(guān)）（二） 【典型案例】制作“精美課件” 【設(shè)計(jì)效果】 本案例將使用時(shí)間軸控制函數(shù)和影片剪輯控制函數(shù)設(shè)計(jì)制作一個(gè)精美的課件，其設(shè)計(jì)思路及效果如圖7-3所示。圖圖7-3 制作思路及效果制作思路及效果 打開模板進(jìn)行分析添加幀控制代碼添加按鈕控制代碼【操作步驟】1、打開素材文件。（1）選擇【文件】/【打開

9、】命令，將教學(xué)素材中的“素材項(xiàng)目七精美課件精美課件素材.fla”文件打開，舞臺效果如圖7-4所示 。該文件有該文件有4個(gè)圖層，如圖個(gè)圖層，如圖7-5所示。其中所示。其中 “特效特效”、“按鈕按鈕”和和“背景背景”圖層中的內(nèi)容圖層中的內(nèi)容都固定不變，通過在都固定不變，通過在 “課件內(nèi)容課件內(nèi)容”圖層中制作內(nèi)容不同的關(guān)鍵幀來展示知識點(diǎn)。圖層中制作內(nèi)容不同的關(guān)鍵幀來展示知識點(diǎn)。目前沒有添加任何控制代碼，測試影片可以發(fā)現(xiàn)課件從頭到尾進(jìn)行循環(huán)播放，下目前沒有添加任何控制代碼，測試影片可以發(fā)現(xiàn)課件從頭到尾進(jìn)行循環(huán)播放，下面就將使用代碼控制課件的播放。面就將使用代碼控制課件的播放。 圖圖7-4 舞臺效果舞臺

10、效果 圖圖7-5 圖層圖層 2、添加幀控制代碼。（1）在“特效”圖層之上新建一個(gè)圖層并重命名為“AS代碼”圖層，選中第1幀，按F9鍵打開【動作幀】面板，如圖7-6所示。（2）然后在【動作幀】面板中輸入控制代碼。fscommand命令函數(shù)使得命令函數(shù)使得SWF文件能與文件能與Flash Player進(jìn)行通信，其使用方法為進(jìn)行通信，其使用方法為fscommand(command,parameters)，command預(yù)定義命令和預(yù)定義命令和parameters參數(shù)可能的取值和實(shí)現(xiàn)的功能如表參數(shù)可能的取值和實(shí)現(xiàn)的功能如表7-4所示。所示?？捎眯苑秶缦?。可用性范圍如下。l表中描述的命令在表中描述的命

11、令在Web播放器中都不可用。播放器中都不可用。l所有命令在獨(dú)立的應(yīng)用程序中都可用。所有命令在獨(dú)立的應(yīng)用程序中都可用。lexec命令在測試影片播放器中可用。命令在測試影片播放器中可用。表8-4 fscommand預(yù)定義命令、參數(shù)和功能command命令命令parameters參數(shù)參數(shù)實(shí)現(xiàn)功能實(shí)現(xiàn)功能quite無無關(guān)閉放映文件關(guān)閉放映文件fullscreentrue 或或false指定指定 true 可將可將 Flash Player 設(shè)置為全屏模式。指定設(shè)置為全屏模式。指定 false 可將播放器返回到標(biāo)準(zhǔn)菜單視圖可將播放器返回到標(biāo)準(zhǔn)菜單視圖showmenutrue 或或 false指定指定 t

12、rue 可啟用整個(gè)上下文菜單項(xiàng)集合。指定可啟用整個(gè)上下文菜單項(xiàng)集合。指定 false 將隱將隱藏除藏除“關(guān)于關(guān)于 Flash Player”和和“設(shè)置設(shè)置”外的所有上下文外的所有上下文菜單項(xiàng)菜單項(xiàng)exec應(yīng)用程序的路徑應(yīng)用程序的路徑在放映文件內(nèi)執(zhí)行應(yīng)用程序在放映文件內(nèi)執(zhí)行應(yīng)用程序trapallkeystrue 或或 false指定指定 true 可將所有按鍵事件發(fā)送到可將所有按鍵事件發(fā)送到 Flash Player中的中的onClipEvent(keyDown/keyUp)處理函數(shù)處理函數(shù)（3）輸入完成后，“AS代碼”圖層的第1幀顯示如圖7-7所示。圖圖7-6 動作幀面板動作幀面板 圖圖7-6

13、 輸入幀控制代碼輸入幀控制代碼 3、添加按鈕控制代碼。 選中舞臺左下角的“上一頁”按鈕元件，按F9 鍵打開【動作-按鈕】面板，輸入控制代碼 。（2）選中“下一頁”按鈕元件，按F9 鍵打開【動作按鈕】面板，輸入以下控制代碼。（3）選中舞臺右下角的“返回”按鈕元件，按F9 鍵打開【動作按鈕】面板，輸入以下控制代碼。（4）選中“退出”按鈕元件，按F9 鍵打開【動作按鈕】面板，輸入以下控制代碼。（5）保存并測試影片，即可通過單擊控制按鈕實(shí)現(xiàn)課件的跳轉(zhuǎn)。測試影片時(shí)會發(fā)現(xiàn)課件并不會全屏顯示，單擊關(guān)閉按鈕也不會退出，要驗(yàn)證這些代碼的執(zhí)測試影片時(shí)會發(fā)現(xiàn)課件并不會全屏顯示，單擊關(guān)閉按鈕也不會退出，要驗(yàn)證這些代碼

14、的執(zhí)行效果，需要到最終結(jié)果文件保存目錄，雙擊行效果，需要到最終結(jié)果文件保存目錄，雙擊“精美課件精美課件.swf”文件運(yùn)行文件運(yùn)行 。案 例 小 結(jié) 本案例通過制作一個(gè)精美課件講述了以下知識點(diǎn)。 基礎(chǔ)知識：基礎(chǔ)知識：l時(shí)間軸控制函數(shù)的使用方法；l使用代碼制作按鈕的方法。（三） 【典型案例】制作“夢幻花瓣飄落特效” 圖圖7-8 制作思路及效果制作思路及效果 【設(shè)計(jì)效果】本案例設(shè)計(jì)效果如圖7-8所示。 導(dǎo)入背景圖繪制花瓣制作旋轉(zhuǎn)動畫代碼實(shí)現(xiàn)隨即飄落代碼實(shí)現(xiàn)復(fù)制花瓣最終效果 【操作步驟】1、設(shè)計(jì)動畫背景。（1）新建一個(gè)Flash文檔，（2）將“圖層1”重命名為“背景”，選擇【文件】/【導(dǎo)入】/【導(dǎo)入到

15、舞臺】命令，將教學(xué)素材中的“素材項(xiàng)目七夢幻花瓣飄落特效背景.png”文件導(dǎo)入到舞臺中，效果如圖7-9所示。圖圖7-9 背景圖片背景圖片 2、制作花瓣。（1）新建一個(gè)影片剪輯元件并命名為“花瓣”（2）使用繪圖工具繪制一朵花瓣，【填充顏色】和【筆觸顏色】分別如圖7-10所示。（3）新建一個(gè)影片剪輯元件并命名為“旋轉(zhuǎn)的花瓣”，（4）將【庫】面板中的“花瓣”元件拖入編輯區(qū)并居中對齊，在“圖層1”圖層的第12幀處插入關(guān)鍵幀，在【變形】面板中設(shè)置元件的【傾斜】參數(shù)，如圖7-11所示。圖圖7-10 繪制的花瓣繪制的花瓣 圖圖7-11 設(shè)置元件傾斜參數(shù)設(shè)置元件傾斜參數(shù) （5）在“圖層1”圖層的第1幀處創(chuàng)建動作

16、補(bǔ)間動畫，在【屬性】面板中設(shè)置【旋轉(zhuǎn)】參數(shù)，如圖7-12所示 。圖圖7-12 設(shè)置旋轉(zhuǎn)參數(shù)設(shè)置旋轉(zhuǎn)參數(shù) 3、使用控制代碼創(chuàng)建動畫。（1）新建一個(gè)影片剪輯元件并命名為“花瓣飄落”（2）將【庫】面板中的“旋轉(zhuǎn)的花瓣”元件拖入編輯區(qū)并相對舞臺居中對齊（3）新建一個(gè)圖層并重命名為“AS代碼”圖層，選中第1幀，按F9 鍵打開【動作幀】面板，輸入控制代碼。在教學(xué)素材“素材項(xiàng)目七夢幻花瓣飄落特效元件內(nèi)部代碼.txt”中提供了此處的代碼 。（4）返回主場景，在【庫】面板中用鼠標(biāo)右鍵單擊“花瓣飄落”元件，在彈出的快捷菜單中選擇【鏈接】命令，打開【鏈接屬性】對話框，勾選【為ActionScript導(dǎo)出】復(fù)選框，在

17、【標(biāo)識符】文本框中輸入“Petal”，【鏈接屬性】對話框中各參數(shù)的設(shè)置如圖7-13所示（5）在“背景”圖層之上新建一個(gè)圖層并重命名為“AS代碼”圖層，選中第1幀，按F9鍵打開【動作幀】面板，輸入控制代碼。（6）保存并測試影片，帶有夢幻感覺的花瓣飄落效果制作完成。圖圖7-13 設(shè)置元件鏈接屬性設(shè)置元件鏈接屬性 在教學(xué)素材在教學(xué)素材“素材素材項(xiàng)目七項(xiàng)目七夢幻花瓣飄落特效夢幻花瓣飄落特效主場景第一幀代碼主場景第一幀代碼.txt”中提供了此中提供了此處的代碼。處的代碼。 案 例 小 結(jié) 本案例通過制作一個(gè)花瓣飄落的效果講述了以下知識點(diǎn)。 表現(xiàn)技巧：l獲取隨機(jī)數(shù)的方法；l使用代碼控制元件位置的方法；l使

18、用代碼加載影片剪輯元件的方法。任務(wù)三 【突破提高】制作“接黃金” 【設(shè)計(jì)效果】 本案例將使用代碼來制作一個(gè)小游戲，其設(shè)計(jì)思路及效果如圖7-14所示。 打開模板制作文字顯示制作按鈕輸入控制代碼最終效果1最終效果2圖圖7-14 制作思路及效果制作思路及效果 【操作步驟】1、打開素材文件。2、加入文本框。（1）在所有圖層的第2幀處插入幀。（2）在“黃金”圖層之上新建一個(gè)圖層并重命名為“文本框”圖層（3）選中“文本框”圖層第1幀，選擇【文本】工具。（4）在舞臺中輸入文字“得分：”。（5）使用相同的文本設(shè)置，在舞臺中輸入文字“剩余數(shù)：”，舞臺效果如圖7-15所示。圖圖7-15 加入靜態(tài)文本加入靜態(tài)文本

19、（6）選擇【文本】工具，設(shè)置【文本類型】為“動態(tài)文本”，在舞臺中添加兩個(gè)動態(tài)文本框，并分別放置于“得分：”和“剩余數(shù)：”的后面，如圖7-16所示 。圖圖7-16 加入動態(tài)文本加入動態(tài)文本 （7）選中“得分：”后面的動態(tài)文本框，在【屬性】面板中設(shè)置【變量】為“score”，如圖7-17所示 。圖圖7-17 設(shè)置設(shè)置【變量變量】參數(shù)為參數(shù)為score （8）選中“剩余數(shù)：”后的動態(tài)文本框，在【屬性】面板中設(shè)置【變量】為“l(fā)eftNum”，如圖7-18所示 。圖圖7-18 設(shè)置設(shè)置【變量變量】參數(shù)為參數(shù)為leftNum 3、加入按鈕。（1）在“文本框”圖層之上新建一個(gè)圖層并重命名為“按鈕”圖層。（2）在“按鈕”圖層第2幀處插入關(guān)鍵幀，將【庫】面板中的 “再玩一次”按鈕元件拖動到舞臺中并放置在右下角，舞臺效果如圖7-19所示。4、添加按鈕控制代碼。5、添加幀控制代碼。（1）在【庫】面板中用鼠標(biāo)右鍵單擊“sound”聲音，在彈出的快捷菜單中選擇【鏈接】命令，打開【鏈接屬性】對話框，勾選【為ActonScript導(dǎo)出】復(fù)選框，在【標(biāo)識符】文本框中輸入“getGold”，如圖7-20所示。圖圖7-19 加入按鈕加入按鈕 圖圖7-20 修改聲音鏈接屬性修改聲音鏈接屬性 （2）選