Flash-網(wǎng)頁設(shè)計教程8

本章簡介：

在FlashCS3中，如果要實現(xiàn)一些復(fù)雜多變的動畫效果就要涉及動作腳本，可以通過輸入不同的動作腳本來實現(xiàn)高難度的動畫效果。本章介紹了動作腳本的基本術(shù)語和使用以及控制動畫播放、聲音改變、按鈕狀態(tài)變化的方法。讀者通過學(xué)習(xí)要了解并掌握應(yīng)用不同的動作腳本來實現(xiàn)千變?nèi)f化的動畫效果和實現(xiàn)動畫的交互功能，從而實現(xiàn)人機交互的操作方式。

第8章動作腳本與交互式動畫課堂學(xué)習(xí)目標動作面板的使用動作腳本的使用播放和停止動畫控制聲音按鈕事件及交互按鈕8.1動作面板與動作腳本的使用動作腳本中的術(shù)語動作面板的使用

數(shù)據(jù)類型語法規(guī)則變量函數(shù)表達式和運算符課堂案例——制作影視劇片頭FlashCS3既可以制作出生動的矢量動畫，又可以利用腳本編寫語言對動畫進行編程，從而實現(xiàn)多種特殊效果。FlashCS3使用了動作腳本3.0，其功能性更為強大，而且還可以延用以前版本的1.0或2.0動作腳本。腳本可以由單一的動作組成，如設(shè)置動畫播放、停止的語言，也可以由

復(fù)雜的動作組成，如設(shè)置先計算條件再執(zhí)行動作。

8.1.1

動作腳本中的術(shù)語

在動作面板中既可以選擇ActionScript3.0的腳本語言，也可以應(yīng)用ActionScript1.0&2.0的腳本語言。選擇“窗口>動作”命令，彈出“動作”面板，對話框的左上方為“動作工具箱”，左下方為“對象窗口”，右上方為功能按鈕，右下方為“腳本窗口”?！皠幼鳌泵姘?.1.2

動作面板的使用

數(shù)據(jù)類型描述了動作腳本的變量或元素可以包含信息的種類。動作腳本有兩種數(shù)據(jù)類型：原始數(shù)據(jù)類型和引用數(shù)據(jù)類型。原始數(shù)據(jù)類型是指String（字符串）、Number（數(shù)字）和Boolean（布爾值），它們擁有固定類型的值，因此可以包含它們所代表元素的實際值。引用數(shù)據(jù)類型是指影片剪輯和對象，它們值的類型是不固定的，因此它

們包含對該元素實際值的引用。

8.1.3

數(shù)據(jù)類型

動作腳本擁有自己的一套語法規(guī)則和標點符號。（1）點運算符（2）界定符（3）區(qū)分大小寫（4）注釋（5）關(guān)鍵字（6）常量8.1.4

語法規(guī)則

變量是包含信息的容器。容器本身不會改變，但內(nèi)容可以更改。當?shù)谝淮味x變量時，最好為變量定義一個已知值，這就是初始化變量，通常在SWF文件的第1幀中完成。每一個影片剪輯對象都有自己的變量，而且不同的影片剪輯對象中的變量相互獨立并互不影響。變量中可以存儲的常見信息類型包括URL、用戶名、數(shù)字運算的結(jié)果、事件發(fā)生的次數(shù)等。

8.1.5

變量

函數(shù)是用來對常量、變量等進行某種運算的方法，如產(chǎn)生隨機數(shù)、進行數(shù)值運算、獲取對象屬性等。函數(shù)是一個動作腳本代碼塊，它可以在影片中的任何位置上重新使用。如果將值作為參數(shù)傳遞給函數(shù)，則函數(shù)將對這些值進行操作。函數(shù)也可以返回值。調(diào)用函數(shù)可以用一行代碼來代替一個可執(zhí)行的代碼塊。函數(shù)可以執(zhí)行多個動作，并為它們傳遞可選項。函數(shù)必須要有唯一的名稱，以便在代碼行中可以知道訪問的是哪一個函數(shù)。

FlashCS3具有內(nèi)置的函數(shù)，可以訪問特定的信息或執(zhí)行特定的任務(wù)。例如，獲得Flash播放器的版本號。屬于對象的函數(shù)叫方法，不屬于對象的函數(shù)叫頂級函數(shù)，可以在“動作”面板的“函數(shù)”類別中找到。

8.1.6

函數(shù)

表達式是由常量、變量、函數(shù)和運算符按照運算法則組成的計算式。運算符是可以提供對數(shù)值、字符串、邏輯值進行運算的關(guān)系符號。運算符有很多種類，包括數(shù)值運算符、字符串運算符、比較運算符、邏輯運算符、位運算符和賦值運算符等。（1）算術(shù)運算符及表達式：算術(shù)表達式是數(shù)值進行運算的表達式。它由數(shù)值、以數(shù)值為結(jié)果的函數(shù)、算術(shù)運算符組成，運算結(jié)果是數(shù)值或邏輯值。（2）字符串表達式：字符串表達式是對字符串進行運算的表達式。它由字符串、以字符串為結(jié)果的函數(shù)、字符串運算符組成，運算結(jié)果是字符串或邏輯值。（3）邏輯表達式：邏輯表達式是對正確、錯誤結(jié)果進行判斷的表達式。它由邏輯值、以邏輯值為結(jié)果的函數(shù)、以邏輯值為結(jié)果的算術(shù)或字符串表達式和邏輯運算符組成，運算結(jié)果是邏輯值。（4）位運算符：位運算符用于處理浮點數(shù)。運算時先將操作數(shù)轉(zhuǎn)化為32位的二進制數(shù)，然后對每個操作數(shù)分別按位進行運算，運算后再將二進制的結(jié)果按照Flash的數(shù)值類型返回運算結(jié)果。8.1.7

表達式和運算符

使用線條工具繪制線條圖形。使用動作面板設(shè)置腳本語言。使用文本工具添加文字效果。使用任意變形工具施轉(zhuǎn)文字的角度。效果圖

8.1.8

課堂案例——制作影視劇片頭8.2播放和停止交互式動畫播放和停止交互式動畫課堂案例——制作浪漫婚紗相冊控制動畫的播放和停止所使用的動作腳本如下。（1）on：事件處理函數(shù)，指定觸發(fā)動作的鼠標事件或按鍵事件。例如on(press){}此處的“press”代表發(fā)生的事件，可以將“press”替換為任意一種對象事件。（2）play：用于使動畫從當前幀開始播放。例如on(press){play();}（3）stop：用于停止當前正在播放的動畫，并使播放頭停留在當前幀。例如on(press){stop();}8.2.1

播放和停止交互式動畫使用多角星形工具繪制瀏覽按鈕，使用動作面板添加腳本語言，

使用遮罩層命令制作照片遮罩效果。

效果圖

8.2.2

課堂案例——制作浪漫婚紗相冊8.3控制聲音控制聲音課堂案例——控制聲音開關(guān)及音量

應(yīng)用“動作”面板設(shè)置腳本語言來控制聲音的開關(guān)及音量?？刂坡曇舻拈_關(guān)及音量8.3.1

控制聲音使用矩形工具繪制控制條圖形使用變形面板改變圖形大小，使用動作面板設(shè)置腳本語言。8.3.2

課堂案例——控制聲音開關(guān)及音量效果圖

8.4

按鈕事件及交互按鈕按鈕事件制作交互按鈕課堂案例——制作英語課件

將“庫”面板中的按鈕元件拖曳到舞臺窗口中，選中按鈕元件，選擇“窗口>開發(fā)面板>動作”命令，彈出“動作”面板，在面板的左上方將腳本語言版本設(shè)置為“ActionScript1.0&2.0”，在面板中單擊“將新項目添加到腳本中”按鈕，在彈出的菜單中選擇“全局函數(shù)>時間軸控制>on”命令。在“腳本窗口”中顯示出選擇的腳本語言，在下拉列表中列出了多種按鈕事件。8.4.1

按鈕事件

“press”（按下）“release”（彈起）“releaseOutside”（在按鈕外放開）“rollOver”（指針經(jīng)過）“rollOut”（指針離開）“dragOver”（拖曳指向）“dragOut”（拖曳離開）“keyPress”（鍵盤按下）按鈕的“彈起”狀態(tài)8.4.2

制作交互按鈕

按鈕的“指針經(jīng)過”狀態(tài)按鈕的“按下”狀態(tài)

使用任意變形工具旋轉(zhuǎn)圖形角度。使用線條和文本工具為按鈕制作鼠標經(jīng)過效果。8.4.3

課堂案例——制作英語課件效果圖

使用矩形工具和顏色面板制作按鈕圖形。使用文本工具創(chuàng)建文本框。使用“新建元件”按鈕制作鼠標指針經(jīng)過按鈕的效果。使用腳本語言控制頁面的變化。效果圖

8.5

課堂練習(xí)——制作會員登陸界面