項目九ActionScript3.0入門

及動畫發(fā)布ActionScript3.0入門輸出與發(fā)布動畫任務一ActionScript3.0入門任務說明ActionScript是FlashCS5自帶的編程語言，簡稱AS，利用它可以創(chuàng)建各種交互動畫甚至網(wǎng)站。本任務將帶領讀者學習ActionScript3.0語言的入門知識。預備知識

一、ActionScript3.0簡介ActionScript3.0除了用于制作動畫外，還廣泛用于開發(fā)網(wǎng)站和網(wǎng)絡應用程序等。下面我們列舉一些ActionScript3.0的常見應用領域?；緫茫篈ctionScript3.0最基本的應用是與Flash軟件結(jié)合，制作出各種精彩的動畫特效，以及使用戶能實時控制動畫的播放。制作網(wǎng)站：使用ActionScript3.0開發(fā)的網(wǎng)站具有動感更強，數(shù)據(jù)交互速度更快、更方便等特點。制作播放器：目前，使用ActionScript3.0開發(fā)的音樂播放器和視頻播放器在網(wǎng)絡上得到廣泛應用，許多視頻網(wǎng)站的播放器都是使用Flash開發(fā)。制作游戲：使用ActionScript3.0開發(fā)的游戲具有簡單易用，綠色且文件小等優(yōu)勢，受到廣大游戲玩家的青睞。制作課件：使用ActionScript3.0做出來的課件具有生動，交互功能強等優(yōu)勢，已成為廣大一線教師首選的課件制作工具。二、輸入代碼的方法

在FlashCS5中可以為主時間軸、按鈕元件或影片剪輯元件內(nèi)的任意關鍵幀添加ActionScript代碼，播放動畫時播放到添加代碼的關鍵幀即可執(zhí)行該代碼。要為關鍵幀添加代碼，可先選中關鍵幀，然后選擇“窗口”>“動作”菜單或按【F9】鍵，打開“動作”面板?！皠幼鳌泵姘?/p>

“動作”面板主要由三部分組成。其中，動作工具箱分類存放著ActionScript的大部分語句；腳本導航器中列出了當前選定對象的名稱和位置等屬性；“腳本”窗格用來供用戶輸入和編輯代碼。在動作工具箱中單擊語句分類左側(cè)的圖標展開語句，然后雙擊需要的語句進行添加，或?qū)⑿枰恼Z句拖到“腳本”窗格。直接在“腳本”窗格中輸入語句。單擊“動作”面板按鈕區(qū)中的“將新項目添加到腳本中”按鈕，然后從展開的下拉列表中選擇要添加的動作語句。

在“動作”面板中可以通過以下任意一種方法添加ActionScript語句。三、實例名稱和路徑1．實例名稱

這里所指的實例包括影片剪輯實例、按鈕元件實例、視頻剪輯實例、動態(tài)文本實例和輸入文本實例，它們是ActionScript語句面向的對象。為實例定義名稱

要定義實例的名稱，只需使用“選擇工具”選中舞臺上的實例，然后在“屬性”面板中輸入名稱即可。2．路徑

路徑用來確認對象所在的位置。在FlashCS5中，不論在哪個影片剪輯中進行操作，都可以從主時間軸中的影片剪輯實例出發(fā)，再到下一級子影片剪輯實例，一層一層地往下尋找，從而確認對象的位置，每個影片剪輯實例之間用“.”分開。例如：假設在主時間軸舞臺上有一個影片剪輯實例名稱為js，在js實例中包含一個子影片剪輯實例js1，在js1實例中還包含一個子影片剪輯實例js2。要對js2實例添加stop();語句（該語句的作用是停止動畫播放），應輸入以下動作腳本：js.js1.js2.stop();//停止js2影片剪輯實例的播放

要對js添加play();語句（該語句的作用是開始動畫播放），應輸入以下動作腳本：js.play();//開始js影片剪輯實例的播放四、使用“代碼片斷”面板

選擇舞臺上的對象或時間軸中的幀后，選擇“窗口”>“代碼片斷”菜單打開“代碼片斷”面板。在“代碼片斷”面板中雙擊要應用的命令，此時Flash會自動創(chuàng)建一個“Actions”圖層，并將相應的代碼片段添加到該圖層的關鍵幀中，還會自動打開“動作”面板，顯示添加的代碼片段。

“代碼片斷”面板在關鍵幀上添加代碼片斷FlashCS5在“代碼片斷”面板中的預置的代碼可分為六大類：動作：利用該類代碼片段可以鏈接Web網(wǎng)頁、自定義鼠標光標、拖放對象及控制影片剪輯的播放等。時間軸導航：該類代碼片斷主要用于控制時間軸的播放。動畫：該類代碼片斷主要用于為對象創(chuàng)建各種動畫特效。加載和卸載：該類代碼片斷用于為對象加載或卸載swf文件或圖像，以及在“庫”面板中添加實例或從舞臺刪除實例等。音頻和視頻：該類代碼片斷用于控制音頻和視頻的播放。事件處理函數(shù)：該類代碼片斷用于創(chuàng)建各類鼠標事件。任務實施一、自定義鼠標光標

下面通過制作一個自定義鼠標光標動畫，學習使用“代碼片斷”面板“動作”組中代碼的方法。自定義鼠標制作思路

打開素材文檔后，將“庫”面板中的“蜜蜂”影片剪輯拖到舞臺中，并為其添加實例名稱，然后為其添加“代碼片斷”面板“動作”組中的代碼，制作自定義鼠標光標動畫。本例具體操作可參考本書配套視頻“9-1.avi”

。二、控制影片播放

下面通過制作控制影片播放效果，學習利用“代碼片斷”面板中的命令控制動畫播放進程的方法?？刂朴捌シ胖谱魉悸?/p>

本任務主要是通過為時間軸中的關鍵幀和按鈕添加“代碼片斷”面板“時間軸導航”和“事件處理函數(shù)”組中命令實現(xiàn)的。打開素材文檔后，先為按鈕設置實例名稱，然后為關鍵幀和按鈕添加“代碼片斷”面板組中的命令；最后對“播放”按鈕的代碼進行修改。本例具體操作可參考本書配套視頻“9-2.avi”

。三、控制視頻播放

下面通過制作一個通過單擊按鈕控制視頻播放的效果，使讀者了解利用“代碼片斷”面板中的命令控制視頻播放的方法。制作思路控制視頻播放

打開素材文檔后，首先導入視頻文件，然后將“庫”面板中的按鈕元件拖入舞臺，再為視頻和按鈕設置實例名稱，接著利用“代碼片斷”面板為按鈕添加代碼，實現(xiàn)通過單擊按鈕控制視頻播放的效果。本例具體操作可參考本書配套視頻“9-3.avi”

。任務二輸出與發(fā)布動畫任務說明

用戶制作Flash作品的目的是讓人觀賞，為此，我們需要對制作好的動畫其進行測試，然后進行導出或發(fā)布以生成.swf文件、Gif動畫或靜態(tài)圖像等；若想讓更多人觀賞自己的作品，還可以將生成的.swf文件上傳到Internet中。本任務將帶領讀者學習測試、導出、發(fā)布和上傳Flash作品的方法。預備知識一、測試Flash作品

測試動畫是為了檢查Flash作品在本地電腦及網(wǎng)絡上的播放效果。為了保證觀眾能正常欣賞作品，在輸出或發(fā)布Flash動畫前最好先對其進行測試。下面是測試Flash動畫的方法。

測試Flash作品在網(wǎng)絡上的播放效果1.打開素材文檔，按快捷鍵【Ctrl+Enter】，可測試動畫在本地的實際播放效果。若要測試動畫在網(wǎng)絡上的播放效果，可選擇“視圖”>“下載設置”菜單，在彈出的子菜單中選擇一個模擬下載速度，然后選擇“視圖”>“模擬下載”菜單啟動模擬下載功能精確測試各幀數(shù)據(jù)下載情況2.若要精確測試各幀數(shù)據(jù)下載情況，可選擇“視圖”>“帶寬設置”菜單，再選擇“視圖”>“數(shù)據(jù)流圖表”或“幀數(shù)圖表”菜單，然后通過打開的圖表查看各幀數(shù)據(jù)大小和傳輸情況。二、導出Flash作品

要導出Flash作品，可選擇“文件”>“導出”>“導出圖像”或“導出影片”菜單，如選擇“導出影片”菜單，如圖9-22左圖所示，在打開的“導出影片”對話框的“保存類型”下拉列表中選擇要導出的影片類型，如“SWF影片”，然后設置保存位置和文件名稱，單擊“保存”按鈕即可。

導出影片三、發(fā)布Flash作品

我們還可利用Flash的發(fā)布功能，將Flash作品發(fā)布成swf動畫影片、html網(wǎng)頁或者各種圖像形式，在發(fā)布動畫前可根據(jù)需要進行發(fā)布設置，具體操作如下。

發(fā)布Flash作品1.選擇“文件”>“發(fā)布設置”菜單，在打開的“發(fā)布設置”>“格式”對話框中選擇需要發(fā)布的格式；在對話框上方單擊某格式的選項卡標簽后，會顯示該格式的發(fā)布選項，例如單擊切換到“Flash”選項卡。圖像和聲音：設置動畫中使用的所有位圖和音頻的輸出品質(zhì)和壓縮方式。其中，“音頻流”用來設置動畫中所有“數(shù)據(jù)流”聲音的壓縮方式；“音頻事件”用來設置動畫中所有“事件”聲音的壓縮方式。SWF設置：設置是否壓縮影片，以及是否發(fā)布隱藏的圖層等。高級：選擇該設置區(qū)的“防止導入”復選框，則發(fā)布的.swf影片不能被導入到其他Flash文檔中。此外，選中“防止導入”復選框后，還可在“密碼”編輯框中輸入密碼，這樣在其他文檔中導入此處發(fā)布的.swf影片時，需要輸入密碼。發(fā)布的影片和HTML網(wǎng)頁2.設置好發(fā)布選項后，單擊“發(fā)布設置”對話框底部的“發(fā)布”按鈕，即可完成動畫的發(fā)布。動畫發(fā)布后，發(fā)布的影片或網(wǎng)頁等將保存在動畫文檔所在的文件夾中。任務實施一、將小熊走路動畫導出為GIF動畫

下面通過將項目四中制作的小熊走路動畫導出為GIF動畫，學習導出Flash作品的方法。

打開素材文檔，選擇“文件”>“導出”>“導出影片”菜單，在打開的“導出影片”對話框中設置保存路徑和文件名稱，然后在“保存類型”下拉列表中選擇“GIF動畫”選項，單擊“保存”按鈕，在打開的“導出GIF”對話框中設置參數(shù)并單擊“確定”按鈕。本例具體操作可參考本書配套視頻“9-4.