Flash風扇交互動畫的編程探析論文

摘要：Flash 是一款網頁動畫開發軟件，在網站中網頁動畫製作中有着廣泛應用，能夠設計製作出具有交互式性質的動畫。而這些動畫通常是以運動的圖像對網頁內容進行說明解釋或者吸引人們的注意。本文以 Flash 交互式動畫爲研究對象，對其動畫編程展開論述，旨在能夠爲廣告、動畫學習者與工作者的具體實踐提供一定的幫助。

關鍵詞：Flash;交互動畫；編程

1 交互式動畫與 Flash 動畫

1.1交互式動畫

交互式動畫發生在播放時，簡單來說是一種具備交互功能的動畫。在動畫播放時，它能夠對事件響應表現出支援態度，即能夠接受某種特定的控制。這裏，對動作操作的控制具有主觀性與預先性。主觀性是指控制是由動畫播放者特定設計的，預先性是指在製作過程中爲達到動畫播放畫面清晰、能夠正常播放的效果，提前所做的某些準備工作。其中，交互性體現了人性化。傳統意義上來講，觀衆作爲動畫作品的受衆對象，在動畫播放觀看過程中是被動的。但是，交互式動畫出現後，觀衆也可以參與到動畫播放中，也可以對動畫播放進行控制，使得觀衆有了更加具有主動性的選擇，不用漫無目的地觀看，而是一種隨心所欲地享受視覺效果。

1.2 Flash動畫

Flash動畫是交互式動畫的一種形式，是最爲典型的一種動畫形式，觀衆可以實現對動畫播放的控制。動畫是藉助設計者的創作思路理念與計算機資訊技術爲輔助發展而來的。隨着設計者的創作思路理念逐漸突顯出豐富性與靈活性，同時計算機資訊技術的快速發展，出現了三維動畫，並日漸成熟，從遊戲領域逐漸過渡到電影領域，或者在建築工程、考古文物古蹟復原等領域中都有着廣泛應用。這也顛覆了傳統動畫播放的被動觀念。具有控制性的交互式互動性特徵的三維動畫，越來越發揮出在各個領域中的重要作用。

2 Action Script 簡單介紹

Flash由Adobe公司開發，是一種用於網頁動畫開發的軟件。它的內容由簡到繁，對於作品的創建具有一定的主觀自由性。在應用程序中添加聲音等，使其媒體具有越加豐富性的特點[1].而Action Script是腳本語言，用於編程的一種語言，具有豐富的類庫與強大的功能等特點，語法大致上與Java程序的Script有類似之處，應用範圍極爲廣泛。

3 以風扇製作爲例，分析 Flash 中的交互動畫編程

3.1鼠標對風扇開關與檔次的`控制

這個過程稍複雜，共11步，每個步驟都是重要環節，是環環相扣的關係。因此，每一個步驟都應認真對待，否則將會影響整體效果。

第一步很簡單，是所有設計製作軟件在使用中是我共同操作：新建文檔。建立文檔後，進行頁面設定。頁面設定就像一張紙，決定着可以容納內容的多少，這裏將Flash文檔的頁面設定爲寬：540像素，高：420像素。在頁面設定的時候，需要所繪製的事物大小等特徵符合客觀性，保證畫面的美觀。如果是平時練習可能會忽略這些，但是如果是專業的交互式動畫製作，則必須注意。

頁面工作區設定完以後，還需要建立圖形符號，用於扇葉的繪製。再建立兩個圖形符號，在繪製編輯區域裏繪製外殼與罩子。爲加以區分，標註出哪個圖形符號用於繪製外殼，哪個圖形符號用於繪製罩子。這裏重點介紹的是編程，對繪畫步驟不加以詳細討論，當然繪製效果因人而異，具體的繪製內容效果還需要設計者的想象。

在Flash軟件中，圖形符號是其中一項基本元件。當調入位圖時，要將位圖置於圖形符號當中，這是由於其符號本身具有一定的屬性。位圖要與這些屬性相匹配，這是將位圖放置於圖形符號中的重要原因，然後根據屬性進行調整。

建立與設定完圖形符號後，就是影片剪輯環節。首先，建立影片剪輯的文檔，爲剪輯工作創造工作區域，將建立的影片剪輯命名爲n1,表示建立的第一個影片剪輯，以此類推。在建立的第一個編輯區域裏，使用鼠標單擊第1幀，把設定好的扇葉符號放置編輯區內，然後在40幀的區域內單擊。單擊鼠標右鍵，會出現很多指令功能對話框，其中有一項是“插入關鍵幀”,選擇這個指令，將其插入在剛纔設定的第40幀中。再次對第1幀進行單擊，同樣單擊右鍵操作，點擊“創建補間動畫”這個選項，在屬性面板中有一個“旋轉”選項，在該選項中將扇葉的轉動方向設定爲順時針，默認旋轉次數爲一次。同時，根據需要對扇葉轉速由動畫幀數、旋轉次數而定[2].

上面的操作完成後，各元件的編寫程序正式開始。在n1的基礎上進行復制，生成一個相同的影片編輯，命名爲n2,也就是第二檔。按照同樣的方法，根據需要對n2編輯區的旋轉次數與動畫幀數進行設定。需要注意，轉速要比n1快1爲了使讀者一目瞭然，這裏只論述n1與n2兩個檔位的製作，具體的其他檔位可根據具體情況而定。

回到場景設定編輯區域，單擊第1幀，此時將外殼置於場景的中間位置，即拖入場景中後將其在頁面中的位置設定爲居中。再建立一個新的圖層，同樣單擊第1幀，在公用庫裏找出3個數量的按鈕，安放在外殼右邊。按鈕也是Flash軟件中的一種基本元件，外觀形式並不侷限於一種，而是多種多樣。編寫程序後，按鈕對鼠標事件具有明顯的敏感性，對鼠標事件做出作出正確的響應，對動作腳本按照特定的形式執行。可見，按鈕對於交互式動畫的實現具有重要作用，是其中一項重要的關鍵對象。

建立新圖層，命名爲n2（之前相同命名的是影片剪輯，這裏是圖層，如怕混淆，可以將圖層命名改爲其他名字），進行第1幀的單擊，選擇恰當位置將n2影片剪輯拖入這個圖層中，同時在n2圖層的基礎上再建立一個新的圖層，命名爲n1.進行第1幀的單擊，拖入n1影片剪輯的操作，使其在場景中能夠將n2影片剪輯完全覆蓋。在這個過程中，注意對圖層加以區分。每個圖層對應一定的操作，如果混淆圖層，導致操作與圖層沒有對應，再進行修改是一個非常麻煩的過程。

建立第三個圖層，命名爲n3.同樣的方法單擊第1幀，選擇恰當的位置將罩子拖入場景。

在n1影片剪輯中，屬性面板中有實例名稱的選項，填寫爲“n1”.按照同樣的方式將n2影片剪輯填寫爲“n2”,以區分分身。在動作面板中選中場景中的n1影片剪輯，添加代碼。

然後，開始對停止命令的設定。選中顏色爲黃色代表停止運動的按鈕，並將停止運動的相應代碼添加在動作面板中，輸入正確代碼後，單擊與停止運動命令的按鈕時，風扇處於停止運動狀態。這裏編寫了on事件處理函數，針對鼠標事件選用Press事件。當透過按鍵激發這個事件時，計算機會執行繁瑣的程序語句，n1與n2影片剪輯會出現播放停止的狀態。

第十步選中第一檔按鈕，顏色爲綠色的按鈕，同樣將代碼添加至動作面板中。這樣設定編程是爲了風扇在單擊按鈕後，能夠在第一檔轉動[3].

最後一步選中第二檔按鈕，顏色爲藍色的按鈕，同樣將相應的代碼添加至動畫面板中。這樣編程是爲了在檔位中單擊按鈕後，風扇能夠轉動。

經過上面論述，就可以以若干簡單語句，透過鼠標控制風扇的開關動作，進行檔位之間動作的轉換，實現透過計算機交互的動畫。

3.2鍵盤對風扇開關與檔次的控制

返回到第八步，選取n1影片剪輯，添加代碼，透過代碼編程賦予數字鍵盤一定的功能，便可敲擊編程所設定的數字鍵。透過數字鍵盤的敲擊輸入相應數字，就可以實現風扇停止運動。運用恰當函數，透過if語句，利用代碼語句的設定，賦予風扇運動狀態的功能。這樣實現了透過按鍵對風扇運動狀態的控制。不同的數字鍵代表不同的意義，這樣可以透過按鍵實現對交互式動畫的控制。

4 結語

綜上所述，本文從三個方面對Flash中的交互動畫編程展開論述。第一部分對交互式動畫與Flash動畫進行簡單介紹，增加了Flash交互式動畫的瞭解認識。第二部分是對Action Script的簡單介紹。Action Script是一種腳本語言，是Flash交互式動畫編程的基礎。最後一部分具體以風扇的製作爲例，對其動畫編程過程展開論述。Flash動畫編程分爲多個步驟，整個過程複雜，因此在具體編程中需要梳理步驟，注意對每個步驟每個細節的處理，並遵循客觀規律，以時編程製作出來的動畫符合邏輯關係。

參考文獻：

[1]亓文娟。基於Flash的輔助教學動畫設計與實現[J].安陽工學院學報，2015（4）：97-99,107.

[2]樑燕。強化教學互動，培養思維品質--《交互動畫編程》多媒體教學有感[J].資訊與電腦（理論版），2014（4）：225.

[3]陳偉。互動媒體藝術課程體系主幹課程之《交互動畫設計》研究[J].蘇州工藝美術職業技術學院學報，2014（1）：13-14.