《flashcs6教程第9章經(jīng)典實(shí)例：制作下雪中的風(fēng)景圖片》由會(huì)員分享，可在線閱讀，更多相關(guān)《flashcs6教程第9章經(jīng)典實(shí)例：制作下雪中的風(fēng)景圖片（39頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、ActionScript最初是為Flash產(chǎn)品開(kāi)發(fā)的一種簡(jiǎn)單的腳本語(yǔ)言，現(xiàn)在已是一種完全的面向?qū)ο蟮木幊陶Z(yǔ)言，功能強(qiáng)大，類庫(kù)豐富，語(yǔ)法類似JavaScript，多用于Flash互動(dòng)性、娛樂(lè)性、實(shí)用性開(kāi)發(fā)等。ActionScript語(yǔ)句一般由語(yǔ)句、變量和函數(shù)組成。具體來(lái)說(shuō)，是由變量、函數(shù)、表達(dá)式和運(yùn)算符等組成，其屬性和使用方法如下。在ActionScript語(yǔ)句中，變量用來(lái)存儲(chǔ)數(shù)值、邏輯值、對(duì)象、字符串以及動(dòng)畫(huà)片段等信息，一個(gè)變量由變量和變量值組成，變量名用于區(qū)分不同的變量；變量值用于確定變量的類型和大小，它可以隨特定的條件而改變。在Flash中為變量命名時(shí)必須遵循以下規(guī)則。l 變量名必須是一個(gè)

2、標(biāo)識(shí)符。標(biāo)識(shí)符的第一個(gè)字符必須為字母、下劃線或美元符號(hào)($)。其后字符可以是數(shù)字、字母、下劃線或美元符號(hào)。l 在一個(gè)動(dòng)畫(huà)中變量名必須是唯一的。l 變量名不能是關(guān)鍵字或ActionScript文本，如true、false、null等。l 變量不能是ActionScript語(yǔ)言中的任何元素，例如類名稱。l 變量名區(qū)分大小寫(xiě)，當(dāng)變量中出現(xiàn)一個(gè)新單詞時(shí)，新單詞的第一個(gè)字母要大寫(xiě)。用戶在Flash中聲明變量后，該變量就包含一個(gè)默認(rèn)值，該值取決于它的數(shù)據(jù)類型(如表9-1所示)，此時(shí)的變量處于“未初始化”狀態(tài)，當(dāng)首次設(shè)置變量值時(shí)，就是初始化變量。圖表9-1 變量的默認(rèn)值數(shù)據(jù)類型數(shù)據(jù)類型默認(rèn)值默認(rèn)值Boole

3、anfalseint0NumberNaNObjectnullStringnulluint0未聲明（與類型注釋*等效）undefined其他所有類（包括用戶定義的類）null數(shù)據(jù)類型描述一個(gè)數(shù)據(jù)片段以及可以對(duì)其執(zhí)行的各種操作。在創(chuàng)建變量、對(duì)象實(shí)例和函數(shù)定義時(shí)，應(yīng)使用數(shù)據(jù)類型來(lái)指定要使用的數(shù)據(jù)的類型。在ActionScript中內(nèi)置的數(shù)據(jù)類型有String、Numeric、Boolean、Null以及void等。除此之外，程序員還可以定義一些數(shù)據(jù)類型，如MovieClip、TextField、Date等。l String：表示文本值，例如一本書(shū)的章節(jié)名稱或者標(biāo)題。l Numeric：表示數(shù)值，在A

4、ctionScript中包含3種特定的數(shù)據(jù)類型，分別是Number(包括含有或者不含有小數(shù)的值在內(nèi)的任何數(shù)值)、int(不含有小數(shù)的整數(shù))和uint(無(wú)符號(hào)的整數(shù)，即非負(fù)整數(shù))。l Boolean：一個(gè)true或false值，例如兩個(gè)值是否相等。l Null：只包含一個(gè)null值。 該值是String 數(shù)據(jù)類型以及定義復(fù)合數(shù)據(jù)類型的所有類的默認(rèn)值。l void：只包含一個(gè)特殊值undefined。用戶只能將undefined值賦值給未定義數(shù)據(jù)類型的變量。l MovieClip：影片剪輯元件。l TextField：動(dòng)態(tài)文本字段或輸入文本字段。l Date：表示單個(gè)值，如時(shí)間中的某個(gè)片刻。而該日

5、期值實(shí)際上表示年、月、時(shí)、分、秒等幾個(gè)值，它們都是單獨(dú)的數(shù)字動(dòng)態(tài)文本字段或輸入文本字段。在了解ActionScript語(yǔ)句的組成后，還需要熟悉ActionScript語(yǔ)句的基本語(yǔ)法，才能利用ActionScript語(yǔ)句編輯出具有交互功能的腳本。ActionScript的基本語(yǔ)法如下。l 點(diǎn)語(yǔ)法：在ActionScript語(yǔ)句中，點(diǎn)(.)用于指定訪問(wèn)對(duì)象的屬性和方法，并標(biāo)識(shí)指向的動(dòng)畫(huà)片段或變量的目標(biāo)路徑。它包括_root和_parent兩個(gè)特殊的別名。其中，_root 用于創(chuàng)建一個(gè)絕對(duì)路徑，表示動(dòng)畫(huà)中的主時(shí)間軸，而_parent則用于對(duì)嵌套在當(dāng)前動(dòng)畫(huà)中的動(dòng)畫(huà)片段進(jìn)行引用。l 圓括號(hào)()：用于放置

6、使用動(dòng)作時(shí)的參數(shù)，定義一個(gè)函數(shù)，以及對(duì)函數(shù)進(jìn)行調(diào)用等，也可以用來(lái)改變ActionScript的優(yōu)先級(jí)。l 大括號(hào)：用于將代碼分成不同的塊，以作為區(qū)分程序段落的標(biāo)記。l 分號(hào)：在ActionScript語(yǔ)句的結(jié)束處，用來(lái)表示語(yǔ)句的結(jié)束。l 關(guān)鍵字：是指具有特殊含義且供ActionScript進(jìn)行調(diào)用的特定單詞。在ActionScript中，較為重要的關(guān)鍵字主要有Break、Continue、Delete、Else、For、Function、IF、In、New、Return、This、Typeof、Var、Void、While和With等。l 字母的大小寫(xiě)：在ActionScript中，除了關(guān)鍵字

7、區(qū)分大小寫(xiě)之外，其余ActionScript的大小寫(xiě)字母可以混用，但是遵守規(guī)則的書(shū)寫(xiě)約定可以使腳本代碼更容易被區(qū)分，便于閱讀。l 注釋：在編輯語(yǔ)句時(shí)，為了便于語(yǔ)句的閱讀和理解，可以在語(yǔ)句后面添加注釋。添加注釋的方法是直接在語(yǔ)句后面輸入“/”，然后輸入注釋的內(nèi)容即可。注釋內(nèi)容以灰色顯示，它的長(zhǎng)度不受限制，也不會(huì)執(zhí)行。在Flash CS6中，可以對(duì)時(shí)間軸上的任何幀添加代碼，該代碼將在影片播放期間播放頭進(jìn)入該幀時(shí)執(zhí)行。方法是在Flash窗口中選擇“窗口”|“動(dòng)作”命令，或按F9鍵打開(kāi)“動(dòng)作”面板，如圖9-1所示，在腳本編輯窗格中可以輸入編輯代碼。圖9-1 “動(dòng)作”面板面板的左上方為動(dòng)作工具箱，分別列

8、出了Flash中能用到的所有動(dòng)作腳本。只要將該列表框中的腳本命令插入到腳本編輯窗格即可進(jìn)行相關(guān)的操作。動(dòng)作工具箱中的動(dòng)作腳本命令很多，用戶可以借助鍵盤(pán)上的一些按鍵更加快捷地進(jìn)行操作。l Home鍵：選擇動(dòng)作工具箱中的第一項(xiàng)。l End鍵：選擇動(dòng)作工具箱中的最后一項(xiàng)。l 鍵：選擇動(dòng)作工具箱中的前一項(xiàng)。l 鍵：選擇動(dòng)作工具箱中的下一項(xiàng)。圖9-2 查看全部腳本命令的索引l 鍵：展開(kāi)動(dòng)作工具箱中的父命令，再按該鍵可以將鼠標(biāo)移動(dòng)至相應(yīng)的子命令。l 鍵：由子命令返回到父命令。l Enter鍵或空格鍵：展開(kāi)或折疊文件夾。在動(dòng)作工具箱的最下面給出了全部腳本命令的索引，按照命令的首字符進(jìn)行排序，如圖9-2所示。

9、在動(dòng)作工具箱中將鼠標(biāo)移動(dòng)至某個(gè)動(dòng)作命令上，將會(huì)出現(xiàn)該命令的相應(yīng)提示；如果選中該動(dòng)作命令，在動(dòng)作說(shuō)明區(qū)域?qū)?huì)出現(xiàn)對(duì)該命令的描述，如圖9-3所示。圖9-3 查看動(dòng)作命令的提示說(shuō)明信息“動(dòng)作”面板的左下方窗格為腳本導(dǎo)航器，可以查看動(dòng)畫(huà)中已經(jīng)添加腳本的對(duì)象的具體信息(如所在圖層、幀和場(chǎng)景等信息)。通過(guò)該列表框，可以在Flash文檔中的各個(gè)腳本間快速切換。在腳本編輯窗格中可以直接為選擇的對(duì)象輸入腳本命令。如果用戶單擊腳本導(dǎo)航器中的某一項(xiàng)目，與該項(xiàng)目關(guān)聯(lián)的腳本也將會(huì)顯示在腳本編輯窗格中，并且播放頭將移到時(shí)間軸上的相應(yīng)位置。雙擊腳本導(dǎo)航器中的某一項(xiàng)目可固定腳本，將其鎖定在當(dāng)前位置。 在腳本編輯窗格上方有一些

10、輔助功能圖標(biāo)，其含義如下。l “將新項(xiàng)目添加到腳本中”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，在彈出的菜單中列出了可用于創(chuàng)建腳本類型的動(dòng)作命令，如圖9-4所示圖9-4 單擊“將新項(xiàng)目添加到腳本中”圖標(biāo)l “刪除所選動(dòng)作”圖標(biāo)：在腳本編輯窗格選擇某動(dòng)作腳本，然后單擊該圖標(biāo)可以將其刪除。l “查找”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，將會(huì)彈出“查找和替換”對(duì)話框，使用該對(duì)話框可以查找并替換腳本中的文本，如圖9-5所示。圖9-5 “查找和替換”對(duì)話框l “插入目標(biāo)路徑”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，將會(huì)彈出“插入目標(biāo)路徑”對(duì)話框，在此可以為腳本中的某個(gè)動(dòng)作設(shè)置絕對(duì)或相對(duì)目標(biāo)路徑，如圖9-6所示。圖9-6 “插入目標(biāo)路徑”對(duì)話框l “向上移動(dòng)所選動(dòng)作”

11、圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，在腳本編輯窗格中向上移動(dòng)選中的動(dòng)作。l “向下移動(dòng)所選動(dòng)作”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，在腳本編輯窗格中向下移動(dòng)選中的動(dòng)作。l “顯示/隱藏工具箱”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，可以隱藏左側(cè)的動(dòng)作工具箱，如圖9-7所示。再次單擊該圖標(biāo)，可以顯示出被隱藏的動(dòng)作工具箱。l “代碼片斷”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，將會(huì)彈出“代碼片斷”面板，如圖9-8所示。在此選擇某動(dòng)作，然后單擊動(dòng)作選項(xiàng)右側(cè)的“顯示說(shuō)明”圖標(biāo)，可以在彈出對(duì)話框中查看動(dòng)作說(shuō)明信息，如圖9-9所示；若單擊“顯示代碼”圖標(biāo)，可以在對(duì)話框查看該動(dòng)作的代碼，如圖9-10所示；若單擊“添加到當(dāng)前幀”圖標(biāo)，可以對(duì)當(dāng)前選中的影片剪輯元件應(yīng)用該動(dòng)作；若單擊“復(fù)制到

12、剪貼板”圖標(biāo)，可以復(fù)制選中的動(dòng)作。圖9-7 動(dòng)作工具箱被隱藏后的“動(dòng)作”面板圖9-8 “代碼片斷”面板l “通過(guò)從動(dòng)作工具箱選項(xiàng)項(xiàng)目來(lái)編寫(xiě)腳本”圖標(biāo)：?jiǎn)螕粼搱D標(biāo)，可以在腳本編輯窗格中編輯添加的動(dòng)作腳本，同時(shí)會(huì)隱藏動(dòng)作說(shuō)明區(qū)域，如圖9-11所示。l “幫助”圖標(biāo)：顯示腳本窗格中所選ActionScript元素的參考信息。例如，如果單擊import語(yǔ)句，再單擊該圖標(biāo)，“幫助”面板中將顯示import的參考信息。圖9-9 查看動(dòng)作說(shuō)明信息圖9-10 查看動(dòng)作代碼圖9-11 在腳本編輯窗格中編寫(xiě)腳本如果用戶單擊“動(dòng)作”面板右上角的“菜單項(xiàng)”圖標(biāo) ，則可以打開(kāi)“動(dòng)作”面板的選項(xiàng)菜單，如圖9-12所示。圖

13、9-12 “動(dòng)作”面板的選項(xiàng)菜單圖9-13 “轉(zhuǎn)到行”對(duì)話框圖9-14 警告對(duì)話框l “語(yǔ)法檢查”：檢查當(dāng)前腳本。l “顯示代碼提示”：選中該命令，在輸入腳本時(shí)，可以檢測(cè)到正在輸入的動(dòng)作并顯示代碼提示。l “導(dǎo)入腳本”：導(dǎo)入外部AS文件。l “導(dǎo)出腳本”：從“動(dòng)作”面板中導(dǎo)出腳本。該菜單中的命令的含義分別如下。l “重新加載代碼提示”：在不重新啟動(dòng)軟件的情況下重新加載代碼提示。l “固定腳本”：選擇該命令，可以使腳本出現(xiàn)在“動(dòng)作”面板中腳本編輯窗格左下角的選項(xiàng)卡內(nèi)。l “關(guān)閉腳本”：取消固定腳本。l “關(guān)閉所有腳本”：取消所有固定腳本。l “轉(zhuǎn)到行”：在腳本中搜索文本，可利用該命令轉(zhuǎn)到腳本中的

14、特定行。選擇該命令后，將打開(kāi)“轉(zhuǎn)到行”，如圖9-13所示。用戶只需要在“行號(hào)”文本框中輸入數(shù)值，并單擊“確定”按鈕即可快速地轉(zhuǎn)到相應(yīng)的行。l “查找和替換”：查找和替換腳本中的文本。l “再次查找”：用于再次查找所需要的文本。l “自動(dòng)套用格式”：按自動(dòng)套用格式設(shè)置代碼格式。如果腳本中有語(yǔ)法錯(cuò)誤，執(zhí)行該命令會(huì)彈出如圖9-14所示的警告對(duì)話框。圖9-15 “打印”對(duì)話框圖9-16 “首選參數(shù)”對(duì)話框l “打印”：選擇該命令，將打開(kāi)“打印”對(duì)話框，如圖9-15所示。用戶可以設(shè)置相應(yīng)的打印參數(shù)，再單擊“確定”按鈕打印腳本。l “腳本助手”：選中該命令，將使用“腳本助手”模式。如果腳本中有錯(cuò)誤，將彈出

15、警告框。l “Esc 快捷鍵”：選擇該命令，可查看快捷鍵列表。l “隱藏字符”：選擇該命令后，隱藏ActionScript語(yǔ)句中的空格、制表符和換行符等字符。l “行號(hào)”：選中該命令，會(huì)在該命令前出現(xiàn)“”標(biāo)記，此時(shí)在腳本窗格中會(huì)顯示行編號(hào)。l “自動(dòng)換行”：?jiǎn)⒂没蚪米詣?dòng)換行。l “首選參數(shù)”：選擇該命令，將打開(kāi)“首選參數(shù)”對(duì)話框，如圖9-16所示。在熟悉了“動(dòng)作”面板后，下面學(xué)習(xí)如何在時(shí)間軸上添加ActionScript語(yǔ)句，具體操作步驟如下。步驟1 在“時(shí)間軸”面板中選擇要添加ActionScript語(yǔ)句的關(guān)鍵幀，如圖9-17所示，然后在菜單欄中選擇“窗口”|“動(dòng)作”命令，打開(kāi)“動(dòng)作”面板

16、。步驟2 在“動(dòng)作”面板右側(cè)單擊“通過(guò)從動(dòng)作工具箱選擇項(xiàng)目來(lái)編寫(xiě)腳本”圖標(biāo)，接著在腳本編輯窗格中輸入如圖9-18所示的語(yǔ)句(注意大小寫(xiě))。圖9-17 選擇要添加ActionScript語(yǔ)句的幀的位置步驟3 語(yǔ)句輸入完畢后，關(guān)閉“動(dòng)作”面板，此時(shí)即可在“時(shí)間軸”面板中看到選擇的關(guān)鍵幀中出現(xiàn)一個(gè)“”符號(hào)，表示該幀已經(jīng)被添加了ActionScript語(yǔ)句，如圖9-19所示。圖9-18 輸入ActionScript語(yǔ)句由于在時(shí)間軸上輸入代碼容易導(dǎo)致無(wú)法跟蹤哪些幀包含哪些腳本，隨著時(shí)間的推移，應(yīng)用程序會(huì)越來(lái)越難以維護(hù)，因此，如果用戶要構(gòu)建較大的應(yīng)用程序或包含重要的ActionScript代碼時(shí)，建議在單

17、獨(dú)的ActionScript源文件(擴(kuò)展名為.as的文本文件)中編輯代碼。在Flash CS6中，創(chuàng)建ActionScript源文件的方法如下。步驟1 在Flash窗口中選擇“文件”|“新建”命令，打開(kāi)“新建文檔”對(duì)話框。步驟2 在“常規(guī)”選項(xiàng)卡下的“類型”列表框中單擊“ActionScript 3.0類”選 項(xiàng)，在“類名稱”文本框中輸入類名稱，再單擊“確定”按鈕，定義一個(gè)ActionScript類，如圖9-20所示。步驟3 接著即可像對(duì)任何內(nèi)置的ActionScript類一樣，在腳本編輯窗口中通過(guò)創(chuàng)建 該類的實(shí)例并使用它的屬性、方法和事件來(lái)訪問(wèn)該類中的ActionScript代碼，如圖9-2

18、1所示。圖9-19 查看添加語(yǔ)句后的幀圖9-21 腳本編輯窗口圖9-20 定義一個(gè)ActionScript類屬性是對(duì)象的基本特征，如影片剪輯元件的位置、大小和透明度等，它表示某個(gè)對(duì)象中綁定在一起的若干數(shù)據(jù)塊中的一個(gè)。下面制作一個(gè)可以輸入數(shù)值控制影片剪輯屬性的動(dòng)畫(huà)，在該動(dòng)畫(huà)中應(yīng)用透明度屬性控制，具體操作步驟如下。步驟1 在Flash窗口中新建一個(gè)空白文檔，然后將需要的素材導(dǎo)入到庫(kù)中，如圖9-22所示。程序是電腦執(zhí)行的一系列步驟或指令。從概念上理解，可以認(rèn)為程序是一個(gè)很長(zhǎng)的指令列表。但是在面向?qū)ο蟮木庉嬛?，程序指令被劃分到不同的?duì)象中，構(gòu)成代碼功能塊。而ActionScript就是一種面向?qū)ο蟮木?/p>

19、程語(yǔ)言，目前最高版本是3.0版。下面就來(lái)介紹如何使用ActionScript語(yǔ)句處理對(duì)象。圖9-23 創(chuàng)建影片剪輯元件圖9-22 導(dǎo)入需要的素材步驟2 按Ctrl+F8組合鍵打開(kāi)“創(chuàng)建新元件”對(duì)話框，輸入元件名稱，并設(shè)置元件類型為“影片剪輯”，再單擊“確定”按鈕，如圖9-23所示。步驟3 從“庫(kù)”面板中拖動(dòng)“海豚.png”文件到元件編輯窗口中，如圖9-24所示，再返回場(chǎng)景編輯窗口。步驟4 從“庫(kù)”面板中將“13.bmp”文件拖至舞臺(tái)中，并調(diào)整圖形的大小和位置，使其和舞臺(tái)重合，接著新建圖層2，如圖9-25所示。步驟5 鎖定圖層1，然后從“庫(kù)”面板中依次將“海豚剪輯”元件拖至舞臺(tái)中，接著在“屬性”

20、面板中將其名稱改為“ht”，如圖9-26所示。步驟6 新建圖層3，然后使用繪圖工具在舞臺(tái)中繪制粉紅色的心型圖形，接著在該圖上方添加“透明”文本，如圖9-27所示。圖9-24 編輯元件圖9-26 修改實(shí)例名稱圖9-25 設(shè)置動(dòng)畫(huà)背景圖9-27 繪制心型圖形步驟7 使用矩形工具在舞臺(tái)中繪制一個(gè)筆觸顏色為“玫紅色”、填充顏色為“白色”的矩形，接著在工具箱中單擊“文本工具”圖標(biāo)，在“屬性”面板中的“文本類型”下拉列表框中選擇“輸入文本”選項(xiàng)，如圖9-28所示。步驟8 在矩形上方繪制一個(gè)略小于矩形的黑色文本框，并將其置于矩形中間位置，接著在“屬性”面板中設(shè)置其名稱為“c”，如圖9-29所示。圖9-28

21、設(shè)置文本類型圖9-29 繪制文本框步驟9 在菜單欄中選擇“窗口”|“公用庫(kù)”|“Buttons”命令，打開(kāi)“公用庫(kù)”面板，如圖9-30所示。步驟10 選擇要使用的按鈕元件，將其拖至舞臺(tái)中，如圖9-31所示。步驟11 單擊按鈕元件實(shí)例，然后在“屬性”面板中調(diào)整實(shí)例大小，使其與矩形同高，再設(shè)置該實(shí)例名稱為“qr”，如圖9-32所示。步驟12 在圖層3中選擇第1幀，然后按F9鍵打開(kāi)“動(dòng)作”面板，接著在面板中輸入如圖9-33所示的代碼。圖9-30 打開(kāi)“公用庫(kù)”面板圖9-31 選擇按鈕元件圖9-32 設(shè)置按鈕元件名稱圖9-33 “動(dòng)作”面板從以上4條語(yǔ)句可以發(fā)現(xiàn)指定對(duì)象要進(jìn)行某動(dòng)作時(shí)的結(jié)構(gòu)語(yǔ)法如下：對(duì)

22、象名稱(變量名).動(dòng)作名();由此可見(jiàn)，指定對(duì)象操作和設(shè)置對(duì)象屬性非常相似，小括號(hào)中指定對(duì)象要執(zhí)行的動(dòng)作的值，這些值稱為動(dòng)作的參數(shù)。如果動(dòng)作本身的意義非常明確，可以不需要額外指定動(dòng)作參數(shù)，但是書(shū)寫(xiě)時(shí)仍然需要小括號(hào)。如前面4句中的play()動(dòng)作和stop()動(dòng)作，因自身的意義非常明確，可以不指定具體參數(shù)；而gotoAndStop()動(dòng)作和gotoAndPlay()動(dòng)作就需要指定特定的幀。這里要介紹的事件是指所發(fā)生的、ActionScript能夠識(shí)別并可響應(yīng)的事情。許多事件與用戶設(shè)置的交互動(dòng)作有關(guān)，如用戶單擊按鈕或按鍵盤(pán)上的鍵等。無(wú)論編寫(xiě)什么樣的事件處理代碼，都必須包括事件源、事件和響應(yīng)3個(gè)元素

23、，它們的含義分別如下。l 事件源：又稱“事件目標(biāo)”，指發(fā)生事件的對(duì)象，例如單擊replay按鈕，則replay按鈕就是事件源。l 事件：指將要發(fā)生的事情。對(duì)事件的識(shí)別非常重要，因?yàn)橐粋€(gè)對(duì)象有時(shí)會(huì)觸發(fā)多個(gè)事件。l 響應(yīng)：指事件發(fā)生時(shí)執(zhí)行的操作。編寫(xiě)事件代碼時(shí)，要遵循以下基本結(jié)構(gòu)：function eventResponse(eventObject:EventType):void /響應(yīng)事件而執(zhí)行的動(dòng)作eventSource.addEventListener(EventType.EVENT_NAME, eventResponse);在上述結(jié)構(gòu)中，加粗顯示的是占位符，用戶可以根據(jù)實(shí)際情況進(jìn)行改變。在

24、結(jié)構(gòu)中首先定義了一個(gè)函數(shù)，eventResponse就是函數(shù)的名稱，eventObject是函數(shù)的參數(shù)，EventType是該參數(shù)的類型，這與聲明變量類似。在大括號(hào)中是事件發(fā)生時(shí)執(zhí)行的指令。其次調(diào)用源對(duì)象的addEventListener()動(dòng)作，表示當(dāng)事件發(fā)生時(shí)執(zhí)行該函數(shù)。本節(jié)將通過(guò)制作下雪效果動(dòng)畫(huà)來(lái)幫助讀者進(jìn)一步加深對(duì)本章知識(shí)的掌握，具體操作步驟如下。步驟1 在Flash窗口中新建“下雪.fla”文件(文件大小為4000像素750像素)，并在“時(shí)間軸”面板中重命名圖層1為“背景”， 如圖9-36所示。步驟2 在菜單欄中選擇“文件”|“導(dǎo)入”|“導(dǎo)入到庫(kù)”命令，彈出“導(dǎo)入到庫(kù)”對(duì)話框，選擇要

25、使用的圖片，再單擊“打開(kāi)”按鈕，如圖9-37所示。圖9-36 新建“下雪.fla”文件圖9-37 “導(dǎo)入到庫(kù)”對(duì)話框圖9-39 對(duì)圖層1應(yīng)用“1.png”圖片圖9-38 對(duì)背景圖層應(yīng)用“背景”圖片步驟5 使用類似方法，在“時(shí)間軸”面板中依次新建圖層27，并從“庫(kù)”面板中將圖片27分別插入到各圖層中，再調(diào)整各圖片的大小和位置，最終效果如圖9-40所示。圖9-40 編輯其他圖片步驟3 從“庫(kù)”面板中拖動(dòng)“背景”圖片到舞臺(tái)中，然后鎖定“背景”圖層，如 圖9-38所示。步驟4 在“時(shí)間軸”面板中新建圖層1，然后將“庫(kù)”面板中的“1.png”文件拖動(dòng)到舞臺(tái)中，并調(diào)整圖片的位置，如圖9-39所示。圖9-3

26、4 打開(kāi)動(dòng)畫(huà)預(yù)覽窗口步驟13 關(guān)閉“動(dòng)作”面板，按Ctrl+Enter組合鍵打開(kāi)動(dòng)畫(huà)預(yù)覽窗口，在文本框中輸入“20”，再單擊Enter按鈕，如圖9-34所示。步驟14 這時(shí)即可看到海豚實(shí)例的透明度改變了，如圖9-35所示。圖9-35 查看設(shè)置透明度后的效果在Flash中，如果用戶使用時(shí)間軸上的幾個(gè)關(guān)鍵幀和基本動(dòng)畫(huà)制作了一個(gè)影片剪輯元件，可以對(duì)該對(duì)象進(jìn)行播放、停止或者指定它將播放頭移到特定的幀等動(dòng)作。myFilm.play(); /指示名為myFilm的影片剪輯元件開(kāi)始播放myFilm.stop(); /指示名為myFilm的影片剪輯元件停止播放myFilm.gotoAndStop(10);/指

27、示名為myFilm的影片剪輯元件將其播放頭移到第10幀，然后停止播放myFilm.goyoAndPlay(5); /指示名為myFilm的影片剪輯元件跳到第5幀開(kāi)始播放步驟6 在“時(shí)間軸”面板中新建圖層8，然后在“庫(kù)”面板中選擇要使用的樹(shù)圖片，并將其拖動(dòng)到舞臺(tái)中，再使用任意變形工具和選擇工具調(diào)整圖片的大小和位置，效果如 圖9-41所示。步驟7 按Ctrl+A組合鍵選擇舞臺(tái)中的所有圖片并右擊，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令，如圖9-42所示。圖9-41 對(duì)圖層8應(yīng)用樹(shù)圖片圖9-42 選擇“轉(zhuǎn)換為元件”命令步驟8 彈出“轉(zhuǎn)換為元件”對(duì)話框，在“名稱”文本框中輸入元件名稱，并設(shè)置元件類型為

28、“圖形”，再單擊“確定”按鈕，如圖9-43所示。步驟9 在“時(shí)間軸”面板中將圖層8以外的圖層刪除，并重命名圖層8為“背景”。然后在“庫(kù)”面板中單擊“新建文件夾”圖標(biāo)，新建“pic”文件夾，接著將導(dǎo)入的圖片移動(dòng)到該文件夾中，如圖9-44所示。步驟10 在“屬性”面板中修改Flash文件的大小，將高度值調(diào)整為850，如圖9-45所示。步驟11 使用類似方法，在舞臺(tái)中添加其他樹(shù)木，效果如圖9-46所示。圖9-43 “轉(zhuǎn)換為元件”對(duì)話框圖9-44 使用文件夾管理導(dǎo)入到庫(kù)中的圖片步驟12 新建圖層3，然后將“雪花.png”文件拖至舞臺(tái)中，接著在“變形”面板中調(diào)整圖形大小，如圖9-47所示。步驟13 右擊

29、“雪花.png”文件，在彈出的快捷菜單中選擇“轉(zhuǎn)換為元件”命令，接著在彈出的對(duì)話框中設(shè)置元件參數(shù)，再單擊“確定”按鈕，將圖片轉(zhuǎn)換為圖形元件，如圖9-48所示。圖9-45 調(diào)整文件高度圖9-46 添加其他樹(shù)木步驟14 按Ctrl+F8組合鍵打開(kāi)“創(chuàng)建新元件”對(duì)話框，在此創(chuàng)建“snow”影片剪輯元件，如圖9-49所示。圖9-47 “變形”面板圖9-48 “轉(zhuǎn)換為元件”對(duì)話框步驟15 進(jìn)入“雪花”影片剪輯元件編輯窗格，將“雪”元件拖至舞臺(tái)中，接著在“變形”面板中按40%的比例縮放元件，如圖9-50所示。步驟16 在第15幀和第30幀位置處分別插入關(guān)鍵幀，接著右擊圖層1，在彈出的快捷菜單中選擇“添加傳

30、統(tǒng)運(yùn)動(dòng)引導(dǎo)層”命令，如圖9-51所示。圖9-49 “創(chuàng)建新元件”對(duì)話框步驟17 使用繪圖工具在舞臺(tái)中繪制一段小弧線作為引導(dǎo)軌跡，如圖9-52所示。步驟18 在圖層1中選擇第1幀上的元件，按住中心點(diǎn)將其移動(dòng)到引導(dǎo)線的起點(diǎn)上，如圖9-53所示。圖9-50 調(diào)整實(shí)例大小圖9-51 選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”命令圖9-52 繪制弧線圖9-53 將元件實(shí)例移動(dòng)到引導(dǎo)線起點(diǎn)上步驟19 在圖層1中選擇第15幀上的元件，按住中心點(diǎn)將其移動(dòng)到引導(dǎo)線的終點(diǎn)上，如圖9-54所示。步驟20 在圖層1中選擇第30幀上的元件，按住中心點(diǎn)將其移動(dòng)到引導(dǎo)線的起點(diǎn)上，接著在第1、15、30幀之間創(chuàng)建補(bǔ)間動(dòng)畫(huà)，如圖9-55所示。

31、步驟21 返回場(chǎng)景，將舞臺(tái)中設(shè)計(jì)的雪景轉(zhuǎn)換為“雪景”影片剪輯元件，接著刪除“背景”圖層以外的圖層，接著在“背景”圖層中刪除第1幀上的關(guān)鍵幀，在第5幀處插入關(guān)鍵幀，并將“雪景”影片剪輯元件拖至舞臺(tái)中，布局雪景背景，如圖9-56所示。步驟22 調(diào)整Flash文件大小為800像素600像素，按文件高度調(diào)整“雪景”影片剪輯元件實(shí)例大小。步驟23 新建“雪”圖層，然后右擊第5幀，在彈出的快捷菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀”命令，如圖9-57所示。圖9-54 將元件實(shí)例移動(dòng)到引導(dǎo)線終點(diǎn)上圖9-55 創(chuàng)建補(bǔ)間動(dòng)畫(huà)步驟24 將snow影片剪輯元件拖至舞臺(tái)的適合位置，并在“屬性”面板中設(shè)置實(shí)例名稱為“snowflak

32、e”，如圖9-58所示。步驟25 新建“進(jìn)度”圖層，然后將第5幀轉(zhuǎn)換為關(guān)鍵幀，接著使用矩形工具繪制一個(gè)2800像素500像素的白色長(zhǎng)條，如圖9-59所示。步驟26 創(chuàng)建一個(gè)名為“滑塊”的影片剪輯元件，并進(jìn)入該元件編輯窗格，使用矩形工具繪制如圖9-60所示的圖形(填充顏色為#263E6F)。步驟27 新建“滑塊”圖層，然后將第5幀轉(zhuǎn)換為關(guān)鍵幀，接著將“滑塊”影片剪輯元件拖至舞臺(tái)中的長(zhǎng)條上，位置如圖9-61所示。再在“屬性”面板中設(shè)置該實(shí)例名稱為“Scroller”。圖9-56 布局雪景背景圖9-57 選擇“轉(zhuǎn)換為關(guān)鍵幀”命令圖9-58 使用snow影片剪輯元件圖9-59 繪制長(zhǎng)條圖9-60 編輯

33、“滑塊”影片剪輯元件圖9-61 使用“滑塊”影片剪輯元件步驟28 在“背景”圖層中選中第5幀上的實(shí)例，按F9鍵打開(kāi)“動(dòng)作”面板，輸入以下代碼，如圖9-62所示。onClipEvent(enterFrame) scrollPos = (_root.Scroller._x - 16) * 1.10803; if (scrollPos = 800) homeX = -1140; else homeX = scrollPos / 400 * -570; thisX = _x; diffX = homeX - thisX;圖9-62 在“背景”圖層中添加代碼 moveX = diffX / 2; _x

34、= thisX + moveX;步驟29 在“雪”圖層中選中第5幀上的實(shí)例，接著在“動(dòng)作”面板中輸入以下代碼，如圖9-63所示。onClipEvent (load) if (this._name = snowflake) _parent.i = 0;/this._alpha = _parent.randRange (80, 100); this._width = _parent.randRange (3, 10);this._height = this._width;this._x = _parent.randRange (-100, _parent.mw + 100);this._y = _

35、parent.randRange (0, -20);speed = _parent.randRange (2, 10);this.cacheAsBitmap=true/+onClipEvent (enterFrame) if (this._name = snowflake) return;圖9-63 在“雪”圖層中添加代碼if (this._y _parent.mh ) _global.kar_adedi-;this.removeMovieClip ();return;import flash.display.BitmapData;import flash.geom.Rectangle;imp

36、ort flash.geom.Matrix;import flash.geom.Point;var currPoint:Point = new Point ();currPoint.x = this._x;currPoint.y = this._y;if (_root.outline_bmp.hitTest (_root.destPoint, 0, currPoint) var karmatrix1:Matrix = new Matrix ();var karmatrix2:Matrix = new Matrix ();karmatrix1.scale (this._xscale / 100,

37、 this._yscale / 100);var translateMatrix1:Matrix = new Matrix ();translateMatrix1.translate (this._x, this._y);karmatrix1.concat (translateMatrix1);_root.bitmap_1.draw (this, karmatrix1);karmatrix2.scale (this._xscale / 300, this._yscale / 300);var translateMatrix2:Matrix = new Matrix ();translateMa

38、trix2.translate (this._x, this._y);karmatrix2.concat (translateMatrix2);_root.outline_bmp.draw (this, karmatrix2);_global.kar_adedi-;this.removeMovieClip ();return;this._y += speed;this._x += _parent.interval - 3;步驟30 在“滑塊”圖層中選中第5幀上的實(shí)例，接著在“動(dòng)作”面板中輸入以下代碼，如圖9-64所示。on(press) this.startDrag(false, 16, th

39、is._y, 800, this._y);on(release) this.stopDrag();on(releaseOutside) this.stopDrag();圖9-64 在“滑塊”圖層中添加代碼步驟31 新建圖層，然后將第5幀轉(zhuǎn)換為關(guān)鍵幀，接著打開(kāi)“動(dòng)作”面板，輸入以下代碼。var intID;_global.basladi = true;speed1 = .9;mw = 800;mh = 800;snowint = 60;_global.kar_adedi = 0;function randRange (min, max) var randomNum = Math.round (M

40、ath.random () * (max - min) + min;return randomNum;setInterval(CursorMovement, 500);function CursorMovement () mc._x = speed1 * (mc._x - _xmouse) + _xmouse;interval = (mc._x / mw * 6);function snow () if (!_global.basladi) return;if (i 500) i = 0;return;if (_global.kar_adedi 500) return;for (t = 0;

41、t 5; t+) i+;duplicateMovieClip (snowflake, snowflake + i, i);_global.kar_adedi += 5;intID = setInterval (snow, snowint);步驟32 再新建一圖層，然后選中第1幀，接著打開(kāi)“動(dòng)作”面板，輸入以下代碼。totalBytes = this.getBytesTotal();loadedBytes = this.getBytesLoaded();remainingBytes = totalBytes - loadedBytes;percentDone = int(loadedBytes

42、/ totalBytes * 100);bar.gotoAndStop(percentDone);if (_framesloaded = _totalframes) gotoAndPlay(3);步驟33 將第5幀轉(zhuǎn)換為關(guān)鍵幀，接著在“動(dòng)作”面板輸入以下代碼。birdsclip.useHandCursor = false;clickbar.useHandCursor = false;foreground.lightroll.lightoverButton.useHandCursor = false;main.tabChildren = false;foreground.tabChildren

43、= false;clickbar.tabEnabled = false;left.tabEnabled = false;right.tabEnabled = false;birdsclip.tabChildren = false;MovieClip134.tabEnabled = false;SoundButton.tabEnabled = false;Scroller.tabEnabled = false;movOpen = 0;loadClick = 0;whoClick = ;stop();Color.prototype.setTint = function (r, g, b, amou

44、nt) var _reg2 = new Object(); _reg2.ra = _reg2.ga = _reg2.ba = 100 - amount; var _reg3 = amount / 100; _reg2.rb = r * _reg3; _reg2.gb = g * _reg3; _reg2.bb = b * _reg3; this.setTransform(_reg2);_root.musicStream.onSoundComplete = function () musicStream.start();步驟34 至此，該作品制作完成，按Ctrl+Enter組合鍵預(yù)覽動(dòng)畫(huà)效果，如圖9-65所示。步驟35 使用鼠標(biāo)拖動(dòng)滑塊，移動(dòng)動(dòng)畫(huà)背景圖形，如圖9-66所示。圖9-66 拖動(dòng)滑塊圖9-65 預(yù)覽動(dòng)畫(huà)效果