FLASH編程應用實例

雷偉旗

摘 要：FLASH動畫不僅給網頁添加了無限的創意空間，而且給多媒體制作領域帶來了新的市場和活力。它通過元件、按鈕、圖層、幀和場景等一系列組合，能夠集圖形、圖片、聲音、動畫、映象文件等各種多媒體素材為一體，制作出形式簡潔、內容豐富、和極感染力的動畫和廣告。FLASH動做腳本，更是為FLASH的特效增加了豐富的功能。通過該案例，大家可以了解一下作的基本過程，一些動作腳本的應用技巧和FLASH神奇的動畫效果。

關鍵詞：flash 腳本 應用

中圖分類號：TP311 文獻標識碼：A 文章編號：1003-9082（2017）09-000-01

一、如何編寫flash中的腳本

首先，要知道編寫腳本，不需要用戶對AS有完全的了解！現在要考慮的問題是，如何在你的flash中添加編寫腳本？簡單的說，添加腳本可分為兩種：一是把腳本編寫在時間軸上面的關鍵楨上面（注意，必須是關鍵楨上才可以添加腳本）。二是把腳本編寫在對象身上，比如把腳本直接寫在MC（影片剪輯元件的實例）上、按鈕上面。

此外，大家也需要簡單理解一下flash是如何執行你編寫的腳本的。當你在時間周的關鍵楨上添加了腳本，那么當flash運行的時候，它會首先執行這個關鍵楨上的腳本，然后才會顯示這個關鍵楨上的對象。

還有一些簡單的知識，AS中的對象都包括什么呢？它可以包含數據，也可以是舞臺上的電影剪輯，也可以是舞臺上的按鈕等。既然包含了那么多對象，那么每種對象肯定有各自的屬性！比如電影剪輯（movieclip）對象，它的：屬性就有_height（高度），_rotation（旋轉），等，這些屬性不需要你去特意的記憶，當使用的時候可以隨時翻閱腳本字典。在以后的教程中會陸續給大家介紹一些基礎腳本的使用技巧。

二、應用案例

本案例制作雪花特效動畫，畫面上將出現一幅冬天下雪的景象，在背景圖的襯托下，漫天的雪花像白色的精靈一樣在天空中自由飛舞。

1.制作要點

通過創建雪花元件、雪花飛舞飄落路徑，制作雪花飛舞動態效果；通過導入背景圖片、添加動作腳本等操作，完成雪花特效動畫的制作。

2.技術說明

2.1用到了元件的套用，主要是影片元件的套用；

2.2用到了路徑動畫，并且是在元件中使用；

2.3動作腳本的使用，實例和幀同時使用動作腳本，此比處技術中的難點和重點，比較難掌握。

3.制作過程

3.1布局文檔的操作步驟如下：

（1）單擊“文件”菜單“新建”命令，創建一個Flash空白文檔。

（2）在“修改”菜單中選擇“文檔”命令打開“屬性”面板，將背景顏色設置為黑色。

（3）單擊“插入”/“新建元件”命令，彈出“創建新元件”對話框。在“名稱”文本框中輸入snowflake，在“行為”選項區中選中“影片剪輯”單選按鍵，然后單擊“確定”按鈕。

（4）選取多角星形工具，單擊“屬性”面板上的“選項”按鈕，彈出“工具設置”對話框。

（5）在舞臺中拖拽鼠標繪制出一個白色的星形，作為雪花的圖形。也可以采用左邊雪花的制作方法，其它步驟一樣。

（6）在“時間軸”面板中單擊“添加運動引導層”按鈕，新建一個引導層。

（7）選取鋼筆工具，在引導層上繪制一條曲線，作為雪花飄落的路徑。

（8）選中引導層的第30幀，按[F5]鍵插入一個普通幀。

（9）在“圖層1”的第30幀，按[F6]鍵插入一個關鍵幀。

（10）選中“圖層1”第1幀上的雪花圖形，將雪花的中心點與引導線的起點對齊。

（11）用同樣的方法，將“圖層1”的第30幀上的雪花的中心點與引導線的終點對齊。

（12）將“圖層1”的第1幀和第30幀中的雪花分別進行組合，并將其轉換為元件，然后用鼠標右鍵單擊“圖層1”中的任何有效幀，在彈出的快捷菜單中選擇“創建補間動畫”選項，此時的“時間軸”面板。

（13）為了使雪花效果更加逼真，可以在選中雪花后，單擊“修改”/“形狀”/“柔化填充邊緣”的命令，在彈出的“柔化填充邊緣”對話框的“距離”文本框中輸入10，在“步驟數”文本框中輸入4在“方向”選項區中選中“擴展”單選按鈕，然后單擊“確定”按鈕對雪花進行柔化處理。

需要注意的是，必須雙擊打開雪花組合圖形，轉至填充形式，才可以執行該命令，柔化后的雪花效果。

（14）完成雪花元件的編輯后，返回主場景。單擊“文件”/“導入”/“導入到舞臺”命令，導入一張圖片作為背景。

（15）將雪花影片剪輯從“庫”面板中拖曳到當前舞臺中。

3.2添加代碼

（1）選中舞臺上的雪花實例，在“屬性”面板上將其命名為snow，然后按[F9]鍵，在彈出的“動作影片剪輯”面板中給snow添加代碼。xue=1；

while （xue<=150） {

duplicateMovieClip（“snow”，”snow”+xue，xue）；

setProperty（“snow”+xue，_x，random（500））；

setProperty（“snow”+xue，_y，random（400））；

setProperty（“snow”+xue，_xscale，Math.random（）*40+30）；

setProperty（“snow”+xue，_yscale，eval（“snow”+xue）._xscale）；

setProperty（“snow”+xue，_alpha，eval（“snow”+xue）._xscale+random（30））；

xue++；}

（2）為圖層1的第1幀添加動作

打開動作面板，選擇“全局函數”中的“影片剪輯控制函數”

使用onClipEvent命令函數并輸入以下代碼：

onClipEvent（enterFrame） {

this._x+=Math.random（）*（this._xscale）/10；

this._y+=Math.random（）*（this._yscale）/10；

if （this._x>500） {

this._x=0；

}

if （this._y>400） {

this._y=0； }}

3.3測試影片：單擊“控制”/“測試影片”命令觀看動畫效果，可以看到雪花不斷往下飄落。

參考文獻

[1] Flash MX 2004 動畫制作技能培訓教程（上海科學普及出版社，2005年12月第1版。）

[2] Flash MX 經典實例（四川電子音像出版中心）endprint