Flash風(fēng)扇交互動(dòng)畫(huà)的編程探析論文
摘要：Flash 是一款網(wǎng)頁(yè)動(dòng)畫(huà)開(kāi)發(fā)軟件，在網(wǎng)站中網(wǎng)頁(yè)動(dòng)畫(huà)制作中有著(zhù)廣泛應用，能夠設計制作出具有交互式性質(zhì)的動(dòng)畫(huà)。而這些動(dòng)畫(huà)通常是以運動(dòng)的圖像對網(wǎng)頁(yè)內容進(jìn)行說(shuō)明解釋或者吸引人們的注意。本文以 Flash 交互式動(dòng)畫(huà)為研究對象，對其動(dòng)畫(huà)編程展開(kāi)論述，旨在能夠為廣告、動(dòng)畫(huà)學(xué)習者與工作者的具體實(shí)踐提供一定的幫助。
關(guān)鍵詞：Flash;交互動(dòng)畫(huà)；編程
1 交互式動(dòng)畫(huà)與 Flash 動(dòng)畫(huà)
1.1交互式動(dòng)畫(huà)
交互式動(dòng)畫(huà)發(fā)生在播放時(shí)，簡(jiǎn)單來(lái)說(shuō)是一種具備交互功能的動(dòng)畫(huà)。在動(dòng)畫(huà)播放時(shí)，它能夠對事件響應表現出支持態(tài)度，即能夠接受某種特定的控制。這里，對動(dòng)作操作的控制具有主觀(guān)性與預先性。主觀(guān)性是指控制是由動(dòng)畫(huà)播放者特定設計的，預先性是指在制作過(guò)程中為達到動(dòng)畫(huà)播放畫(huà)面清晰、能夠正常播放的效果，提前所做的某些準備工作。其中，交互性體現了人性化。傳統意義上來(lái)講，觀(guān)眾作為動(dòng)畫(huà)作品的受眾對象，在動(dòng)畫(huà)播放觀(guān)看過(guò)程中是被動(dòng)的。但是，交互式動(dòng)畫(huà)出現后，觀(guān)眾也可以參與到動(dòng)畫(huà)播放中，也可以對動(dòng)畫(huà)播放進(jìn)行控制，使得觀(guān)眾有了更加具有主動(dòng)性的選擇，不用漫無(wú)目的地觀(guān)看，而是一種隨心所欲地享受視覺(jué)效果。
1.2 Flash動(dòng)畫(huà)
Flash動(dòng)畫(huà)是交互式動(dòng)畫(huà)的一種形式，是最為典型的一種動(dòng)畫(huà)形式，觀(guān)眾可以實(shí)現對動(dòng)畫(huà)播放的控制。動(dòng)畫(huà)是借助設計者的創(chuàng )作思路理念與計算機信息技術(shù)為輔助發(fā)展而來(lái)的。隨著(zhù)設計者的創(chuàng )作思路理念逐漸突顯出豐富性與靈活性，同時(shí)計算機信息技術(shù)的快速發(fā)展，出現了三維動(dòng)畫(huà)，并日漸成熟，從游戲領(lǐng)域逐漸過(guò)渡到電影領(lǐng)域，或者在建筑工程、考古文物古跡復原等領(lǐng)域中都有著(zhù)廣泛應用。這也顛覆了傳統動(dòng)畫(huà)播放的被動(dòng)觀(guān)念。具有控制性的交互式互動(dòng)性特征的三維動(dòng)畫(huà)，越來(lái)越發(fā)揮出在各個(gè)領(lǐng)域中的重要作用。
2 Action Script 簡(jiǎn)單介紹
Flash由Adobe公司開(kāi)發(fā)，是一種用于網(wǎng)頁(yè)動(dòng)畫(huà)開(kāi)發(fā)的軟件。它的內容由簡(jiǎn)到繁，對于作品的創(chuàng )建具有一定的主觀(guān)自由性。在應用程序中添加聲音等，使其媒體具有越加豐富性的特點(diǎn)[1].而Action Script是腳本語(yǔ)言，用于編程的一種語(yǔ)言，具有豐富的類(lèi)庫與強大的功能等特點(diǎn)，語(yǔ)法大致上與Java程序的Script有類(lèi)似之處，應用范圍極為廣泛。
3 以風(fēng)扇制作為例，分析 Flash 中的交互動(dòng)畫(huà)編程
3.1鼠標對風(fēng)扇開(kāi)關(guān)與檔次的控制
這個(gè)過(guò)程稍復雜，共11步，每個(gè)步驟都是重要環(huán)節，是環(huán)環(huán)相扣的關(guān)系。因此，每一個(gè)步驟都應認真對待，否則將會(huì )影響整體效果。
第一步很簡(jiǎn)單，是所有設計制作軟件在使用中是我共同操作：新建文檔。建立文檔后，進(jìn)行頁(yè)面設置。頁(yè)面設置就像一張紙，決定著(zhù)可以容納內容的多少，這里將Flash文檔的頁(yè)面設置為寬：540像素，高：420像素。在頁(yè)面設置的時(shí)候，需要所繪制的事物大小等特征符合客觀(guān)性，保證畫(huà)面的美觀(guān)。如果是平時(shí)練習可能會(huì )忽略這些，但是如果是專(zhuān)業(yè)的交互式動(dòng)畫(huà)制作，則必須注意。
頁(yè)面工作區設置完以后，還需要建立圖形符號，用于扇葉的繪制。再建立兩個(gè)圖形符號，在繪制編輯區域里繪制外殼與罩子。為加以區分，標注出哪個(gè)圖形符號用于繪制外殼，哪個(gè)圖形符號用于繪制罩子。這里重點(diǎn)介紹的是編程，對繪畫(huà)步驟不加以詳細討論，當然繪制效果因人而異，具體的繪制內容效果還需要設計者的想象。
在Flash軟件中，圖形符號是其中一項基本元件。當調入位圖時(shí)，要將位圖置于圖形符號當中，這是由于其符號本身具有一定的屬性。位圖要與這些屬性相匹配，這是將位圖放置于圖形符號中的重要原因，然后根據屬性進(jìn)行調整。
建立與設置完圖形符號后，就是影片剪輯環(huán)節。首先，建立影片剪輯的文檔，為剪輯工作創(chuàng )造工作區域，將建立的影片剪輯命名為n1,表示建立的第一個(gè)影片剪輯，以此類(lèi)推。在建立的第一個(gè)編輯區域里，使用鼠標單擊第1幀，把設置好的扇葉符號放置編輯區內，然后在40幀的區域內單擊。單擊鼠標右鍵，會(huì )出現很多指令功能對話(huà)框，其中有一項是“插入關(guān)鍵幀”,選擇這個(gè)指令，將其插入在剛才設置的第40幀中。再次對第1幀進(jìn)行單擊，同樣單擊右鍵操作，點(diǎn)擊“創(chuàng )建補間動(dòng)畫(huà)”這個(gè)選項，在屬性面板中有一個(gè)“旋轉”選項，在該選項中將扇葉的轉動(dòng)方向設置為順時(shí)針，默認旋轉次數為一次。同時(shí)，根據需要對扇葉轉速由動(dòng)畫(huà)幀數、旋轉次數而定[2].
上面的操作完成后，各元件的編寫(xiě)程序正式開(kāi)始。在n1的'基礎上進(jìn)行復制，生成一個(gè)相同的影片編輯，命名為n2,也就是第二檔。按照同樣的方法，根據需要對n2編輯區的旋轉次數與動(dòng)畫(huà)幀數進(jìn)行設置。需要注意，轉速要比n1快1為了使讀者一目了然，這里只論述n1與n2兩個(gè)檔位的制作，具體的其他檔位可根據具體情況而定。
回到場(chǎng)景設置編輯區域，單擊第1幀，此時(shí)將外殼置于場(chǎng)景的中間位置，即拖入場(chǎng)景中后將其在頁(yè)面中的位置設置為居中。再建立一個(gè)新的圖層，同樣單擊第1幀，在公用庫里找出3個(gè)數量的按鈕，安放在外殼右邊。按鈕也是Flash軟件中的一種基本元件，外觀(guān)形式并不局限于一種，而是多種多樣。編寫(xiě)程序后，按鈕對鼠標事件具有明顯的敏感性，對鼠標事件做出作出正確的響應，對動(dòng)作腳本按照特定的形式執行�？梢�(jiàn)，按鈕對于交互式動(dòng)畫(huà)的實(shí)現具有重要作用，是其中一項重要的關(guān)鍵對象。
建立新圖層，命名為n2（之前相同命名的是影片剪輯，這里是圖層，如怕混淆，可以將圖層命名改為其他名字），進(jìn)行第1幀的單擊，選擇恰當位置將n2影片剪輯拖入這個(gè)圖層中，同時(shí)在n2圖層的基礎上再建立一個(gè)新的圖層，命名為n1.進(jìn)行第1幀的單擊，拖入n1影片剪輯的操作，使其在場(chǎng)景中能夠將n2影片剪輯完全覆蓋。在這個(gè)過(guò)程中，注意對圖層加以區分。每個(gè)圖層對應一定的操作，如果混淆圖層，導致操作與圖層沒(méi)有對應，再進(jìn)行修改是一個(gè)非常麻煩的過(guò)程。
建立第三個(gè)圖層，命名為n3.同樣的方法單擊第1幀，選擇恰當的位置將罩子拖入場(chǎng)景。
在n1影片剪輯中，屬性面板中有實(shí)例名稱(chēng)的選項，填寫(xiě)為“n1”.按照同樣的方式將n2影片剪輯填寫(xiě)為“n2”,以區分分身。在動(dòng)作面板中選中場(chǎng)景中的n1影片剪輯，添加代碼。
然后，開(kāi)始對停止命令的設置。選中顏色為黃色代表停止運動(dòng)的按鈕，并將停止運動(dòng)的相應代碼添加在動(dòng)作面板中，輸入正確代碼后，單擊與停止運動(dòng)命令的按鈕時(shí)，風(fēng)扇處于停止運動(dòng)狀態(tài)。這里編寫(xiě)了on事件處理函數，針對鼠標事件選用Press事件。當通過(guò)按鍵激發(fā)這個(gè)事件時(shí)，計算機會(huì )執行繁瑣的程序語(yǔ)句，n1與n2影片剪輯會(huì )出現播放停止的狀態(tài)。
第十步選中第一檔按鈕，顏色為綠色的按鈕，同樣將代碼添加至動(dòng)作面板中。這樣設置編程是為了風(fēng)扇在單擊按鈕后，能夠在第一檔轉動(dòng)[3].
最后一步選中第二檔按鈕，顏色為藍色的按鈕，同樣將相應的代碼添加至動(dòng)畫(huà)面板中。這樣編程是為了在檔位中單擊按鈕后，風(fēng)扇能夠轉動(dòng)。
經(jīng)過(guò)上面論述，就可以以若干簡(jiǎn)單語(yǔ)句，通過(guò)鼠標控制風(fēng)扇的開(kāi)關(guān)動(dòng)作，進(jìn)行檔位之間動(dòng)作的轉換，實(shí)現通過(guò)計算機交互的動(dòng)畫(huà)。
3.2鍵盤(pán)對風(fēng)扇開(kāi)關(guān)與檔次的控制
返回到第八步，選取n1影片剪輯，添加代碼，通過(guò)代碼編程賦予數字鍵盤(pán)一定的功能，便可敲擊編程所設置的數字鍵。通過(guò)數字鍵盤(pán)的敲擊輸入相應數字，就可以實(shí)現風(fēng)扇停止運動(dòng)。運用恰當函數，通過(guò)if語(yǔ)句，利用代碼語(yǔ)句的設置，賦予風(fēng)扇運動(dòng)狀態(tài)的功能。這樣實(shí)現了通過(guò)按鍵對風(fēng)扇運動(dòng)狀態(tài)的控制。不同的數字鍵代表不同的意義，這樣可以通過(guò)按鍵實(shí)現對交互式動(dòng)畫(huà)的控制。
4 結語(yǔ)
綜上所述，本文從三個(gè)方面對Flash中的交互動(dòng)畫(huà)編程展開(kāi)論述。第一部分對交互式動(dòng)畫(huà)與Flash動(dòng)畫(huà)進(jìn)行簡(jiǎn)單介紹，增加了Flash交互式動(dòng)畫(huà)的了解認識。第二部分是對Action Script的簡(jiǎn)單介紹。Action Script是一種腳本語(yǔ)言，是Flash交互式動(dòng)畫(huà)編程的基礎。最后一部分具體以風(fēng)扇的制作為例，對其動(dòng)畫(huà)編程過(guò)程展開(kāi)論述。Flash動(dòng)畫(huà)編程分為多個(gè)步驟，整個(gè)過(guò)程復雜，因此在具體編程中需要梳理步驟，注意對每個(gè)步驟每個(gè)細節的處理，并遵循客觀(guān)規律，以時(shí)編程制作出來(lái)的動(dòng)畫(huà)符合邏輯關(guān)系。
參考文獻：
[1]亓文娟�；贔lash的輔助教學(xué)動(dòng)畫(huà)設計與實(shí)現[J].安陽(yáng)工學(xué)院學(xué)報，2015（4）：97-99,107.
[2]梁燕。強化教學(xué)互動(dòng)，培養思維品質(zhì)--《交互動(dòng)畫(huà)編程》多媒體教學(xué)有感[J].信息與電腦（理論版），2014（4）：225.
[3]陳偉�；�(dòng)媒體藝術(shù)課程體系主干課程之《交互動(dòng)畫(huà)設計》研究[J].蘇州工藝美術(shù)職業(yè)技術(shù)學(xué)院學(xué)報，2014（1）：13-14.
【Flash風(fēng)扇交互動(dòng)畫(huà)的編程探析論文】相關(guān)文章：
課件中如何調入flash動(dòng)畫(huà)05-14
初二物理上學(xué)期的Flash動(dòng)畫(huà)課件01-31
動(dòng)畫(huà)設計與制作Flash8說(shuō)課稿 制作引層動(dòng)畫(huà)11-08
風(fēng)扇鄉愁詩(shī)歌07-20
電風(fēng)扇游戲作文05-21
物業(yè)管理自考工作的探析論文09-23
桌子掃把和風(fēng)扇作文02-24
論多媒體課件的交互設計05-17