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