FlashCS6中文版基礎(chǔ)教程：第18章 Flash編程基礎(chǔ)

1第18章Flash編程基礎(chǔ)Flash如此強(qiáng)大的特性之一就是其腳本語言——?jiǎng)幼髂_本。動(dòng)作腳本可以讓我們程序化地控制SWF文件、在舞臺(tái)上定位元素、手動(dòng)分析一個(gè)XML文檔、改變某個(gè)實(shí)例的Alpha水平，等等。通過學(xué)習(xí)ActionScript動(dòng)作腳本的一些基礎(chǔ)知識(shí)，用戶不僅可以使用Flash制作出流暢的動(dòng)畫，還可以利用Flash中的ActionScript語言編輯制作出精彩的動(dòng)畫特效、互動(dòng)性極強(qiáng)的應(yīng)用程序和功能完備的互聯(lián)網(wǎng)站?？梢栽诤艽蟪潭壬隙ㄖ谱约簞?chuàng)建的SWF文件，并構(gòu)建更加完善的應(yīng)用程序。也可以創(chuàng)建自定義的行為，然后可以將它們?cè)贔lash用戶的大型社區(qū)中進(jìn)行發(fā)布。

ActionScript是Flash動(dòng)畫制作的有力武器，本章就是針對(duì)沒有接觸過任何程序語言的初學(xué)者而設(shè)計(jì)的，不安排專門的章節(jié)講述枯燥的理論和代碼規(guī)范，而是用具有實(shí)用性和趣味性的實(shí)例來解讀語句。通過一步步的講解，讓讀者朋友輕松入門。218.1【動(dòng)作】面板的使用【動(dòng)作】面板是制作交互式動(dòng)畫經(jīng)常會(huì)用到的工具。為進(jìn)一步了解動(dòng)作腳本的組成，現(xiàn)在我們來熟悉一下用于向文件中添加動(dòng)作腳本的工具。318.1.1【動(dòng)作】面板概述【動(dòng)作】面板是輸入所有代碼的地方。盡管包含了一個(gè)名為【腳本編輯窗口】的用于編寫動(dòng)作腳本的獨(dú)立界面，但那是用于編寫外部代碼文件的。動(dòng)作腳本中腳本導(dǎo)航器用于在文件中的代碼段中進(jìn)行導(dǎo)航。如果有代碼放在按鈕或影片剪輯上，腳本導(dǎo)航器就會(huì)幫我們定位和修改代碼(如果需要的話)。按F9鍵打開【動(dòng)作】面板，如圖18-1所示。418.1.2【動(dòng)作】面板介紹可以看到【動(dòng)作】面板的編輯環(huán)境由左、右兩個(gè)部分組成。左側(cè)部分又分為上、下兩個(gè)窗格。(1)左側(cè)的上方是一個(gè)動(dòng)作工具箱，單擊圖標(biāo)展開每一個(gè)條目，如圖18-2所示。展開條目可以顯示出對(duì)應(yīng)條目下的動(dòng)作腳本語句元素，雙擊選中的語句即可將其添加到編輯窗口。(2)左側(cè)下方是一個(gè)腳本導(dǎo)航器，列出了文件中具有關(guān)聯(lián)動(dòng)作腳本的幀位置和對(duì)象，如圖18-3所示。518.1.2【動(dòng)作】面板介紹(3)右側(cè)部分是腳本編輯窗口，這是添加代碼的區(qū)域，如圖18-4所示。可以直接在腳本編輯窗口內(nèi)編輯動(dòng)作、輸入動(dòng)作參數(shù)或刪除動(dòng)作。也可以雙擊動(dòng)作工具箱中的某一項(xiàng)或單擊腳本編輯窗口上方的【添加腳本】按鈕，向腳本編輯窗口添加動(dòng)作。(4)【動(dòng)作】面板中的工具欄。在腳本編輯窗口的上部，有一排工具圖標(biāo)，其功能如圖18-5所示。(5)【面板菜單】按鈕：包含適用于【動(dòng)作】面板的命令和首選參數(shù)。618.2添加動(dòng)作動(dòng)作其實(shí)是一些附加在對(duì)象上的指令，通過腳本動(dòng)作實(shí)現(xiàn)的動(dòng)畫文件較小，而且靈活，一般的高級(jí)動(dòng)畫都是用腳本動(dòng)作實(shí)現(xiàn)的。在FlashMX中能夠設(shè)置指令的對(duì)象只有3種：幀、按鈕和影片剪輯。添加動(dòng)作語句的方法如下。單擊腳本編輯窗口上部的【添加腳本】按鈕，在彈出的下拉菜單中選擇相關(guān)條目里的動(dòng)作語句，雙擊即添加到了腳本編輯窗口中，如圖18-6所示。也可以直接在腳本編輯窗口中輸入動(dòng)作語句。718.2.1為幀添加動(dòng)作為幀添加動(dòng)作腳本的方法如下。(1)新建一個(gè)圖層，將其命名為“actions”，相應(yīng)地在第1幀和第15幀按F5鍵插入關(guān)鍵幀。(2)為關(guān)鍵幀添加動(dòng)作腳本。首先打開【動(dòng)作】面板，方法是：選中要添加動(dòng)作的幀并右擊，從彈出的快捷菜單中選擇【動(dòng)作】命令，即可打開【動(dòng)作】面板，如圖18-7所示；或選中要添加動(dòng)作的幀，選擇【窗口】|【動(dòng)作】菜單命令也可以打開【動(dòng)作】面板，如圖18-8所示。818.2.1為幀添加動(dòng)作(3)選擇actions圖層上的每個(gè)關(guān)鍵幀，使用【動(dòng)作】面板在關(guān)鍵幀添加“stop”動(dòng)作，如圖18-9所示。這樣當(dāng)播放頭播放到這些幀時(shí)就會(huì)停止。(4)按Ctrl+Enter組合鍵進(jìn)行測(cè)試。我們可以看到，添加動(dòng)作之前，SWF會(huì)播放文件的每個(gè)部分，添加動(dòng)作之后，文件會(huì)停在第1幀。當(dāng)播放頭播放到我們?cè)O(shè)置了stop動(dòng)作命令的地方時(shí)便會(huì)停下來。918.2.2為按鈕添加動(dòng)作下面講解為按鈕添加動(dòng)作的方法。(1)插入一層，將其命名為“button”。然后在舞臺(tái)的右下方使用【橢圓工具】繪制一個(gè)橢圓圖形作為播放按鈕，使用【文字工具】輸入文字“播放”，如圖18-10所示。(2)選中其中的橢圓形，按F8鍵將其轉(zhuǎn)換為按鈕元件，并將其命名為“play_btn”，如圖18-11所示。1018.2.2為按鈕添加動(dòng)作(3)按F9鍵或單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇【動(dòng)作】命令，打開【動(dòng)作】面板，為按鈕添加動(dòng)作，如圖18-12所示。此處我們需要文件從第2幀開始播放，那么我們可以使用如下代碼：On(press){GotoAndPlay(2);}這段代碼的意思是：當(dāng)鼠標(biāo)單擊時(shí)，執(zhí)行播放第2幀的命令，如圖18-12所示。1118.2.3為影片剪輯添加動(dòng)作為影片剪輯添加動(dòng)作的具體操作步驟如下。(1)新建一個(gè)圖層，命名為“魚”，在該圖層的繪圖工作區(qū)中繪制一個(gè)灰色的小魚，如圖18-13所示。(2)選擇小魚，按F8鍵打開【轉(zhuǎn)換為元件】對(duì)話框，將其轉(zhuǎn)換為名為“小魚”的影片剪輯，如圖18-14所示。1218.2.3為影片剪輯添加動(dòng)作(3)為【小魚】影片剪輯添加如下動(dòng)作代碼。通過這些動(dòng)作代碼可以實(shí)現(xiàn)小魚追隨鼠標(biāo)的單擊而移動(dòng)的動(dòng)畫效果。參見教材P379(4)最后測(cè)試影片，看一下效果。1318.3腳本編寫的術(shù)語介紹下面將經(jīng)常用到的術(shù)語及其含義介紹給大家。1.Actions(動(dòng)作)2.Events(事件)3.Class(類)4.Constructor(函數(shù)構(gòu)造器)5.Expressions(表達(dá)式)6.Function(函數(shù))7.Identifiers(標(biāo)識(shí)符)8.Instances(實(shí)例)9.Variable(變量)10.Methods(方法)11.Objects(對(duì)象)12.Property(特性)1418.4上機(jī)實(shí)踐操作本范例源文件：\18\背景.jpg。本范例完成文件：\18\制作藍(lán)晶光.fla。多媒體教學(xué)路徑：光盤→多媒體教學(xué)→第18章。1518.4.1實(shí)例介紹和展示本例將運(yùn)用Flash中的Action和遮罩動(dòng)畫來制作一個(gè)藍(lán)晶光動(dòng)畫。動(dòng)畫中藍(lán)晶光跟隨鼠標(biāo)移動(dòng)而跟隨出現(xiàn)，效果如圖18-15所示。目的是加強(qiáng)讀者對(duì)Flash中Action的進(jìn)一步學(xué)習(xí)。1618.4.2新建文檔并保存文檔(1)選擇【文件】|【新建】菜單命令，新建一個(gè)Flash文檔。(2)選擇【文件】|【保存】菜單命令，打開【另存為】對(duì)話框，將文件命名為“制作藍(lán)晶光”，單擊【保存】按鈕保存。(3)將【圖層1】重命名為“背景”，再將“背景.jpg”圖片導(dǎo)入到庫中，并將其拖曳到舞臺(tái)上，如圖18-16所示。1718.4.3新建影片剪輯元件(1)選擇【插入】|【新建元件】菜單命令，在彈出的【創(chuàng)建新元件】對(duì)話框中進(jìn)行設(shè)置，如圖18-17所示。(2)進(jìn)入影片剪輯【元件2】的編輯界面，在【圖層1】的第1幀上繪制圓形，并填充漸變，如圖18-18所示。1818.4.3新建影片剪輯元件(3)分別在【圖層1】的第10幀、第20幀、第25幀插入空白關(guān)鍵幀，然后繪制橢圓并填充漸變，如圖18-19所示。(4)為【圖層1】創(chuàng)建補(bǔ)間形狀動(dòng)畫，如圖18-20所示。1918.4.4新建按鈕元件(1)選擇【插入】|【新建元件】菜單命令，在打開的【創(chuàng)建新元件】對(duì)話框中進(jìn)行設(shè)置，如圖18-21所示。(2)進(jìn)入【按鈕】元件的編輯界面，在【點(diǎn)擊】處插入關(guān)鍵幀，使用【橢圓工具】繪制橢圓，如圖18-22所示。2018.4.4新建按鈕元件(3)進(jìn)入【影片剪輯】的編輯界面，新建“圖層2”，將按鈕元件拖曳到影片剪輯的【圖層2】中的第1幀，并使它和【圖層1】中的橢圓大小相同且重疊，如圖18-23所示。(4)在【圖層2】的第25幀插入關(guān)鍵幀，如圖18-24所示。2118.4.5添加腳本(1)在影片剪輯中新建【圖層3】，如圖18-25所示。(2)在【圖層3】的第1幀按F9鍵，在【動(dòng)作】面板中輸入腳本“stop();”，如圖18-