FlashCS6中文版基礎教程：第18章 Flash編程基礎

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

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