糯米文學吧

位置:首頁 > 設計 > 動畫設計

動作腳本交互式動畫設計

Flash具有交互性的特徵,通過腳本語言構建交互式flash動畫,有助於優化flash動畫集成製作。靈活使用動作腳本,讓學生具備了flash動畫製作能力,製作出更多優秀FLASH作品。下面是小編分享的動作腳本交互式動畫設計,歡迎大家閲讀

動作腳本交互式動畫設計

從實質層面上看,動作腳本也即Flash提供給我們的一些運算符與對象。Flash中腳本命令被簡單地稱之為工作腳本,英文表示為ActionScript。Flash的應用,為我們營造了更多逼真的動畫效果,讓交互性變成可能,當點擊按鈕,便可實施人機交互,這便需要使用到動作腳本。代碼控制在動作腳本中,組成了Flash交互性不可缺少的一部分。將動作腳本方法應用在Flash,簡單地劃分為以下兩種形式,一種形式是,將腳本編寫到對象上,如,影片剪輯元件,另一種種形式是,將腳本編寫到時間軸上的關鍵幀。

1Flash中不易分清的概念

FLASH動畫的各個對象的位置關係是按照一定的層狀結構展現各對象間的位置關係。其根為場景。各場景是相對獨立的動畫,FLASH設置各場景播放順序,逐個銜接各動畫場景,所以我們看到的動畫是持續的,在編輯過程中,各場景實例是不能夠應用在其餘場景中的,最好應用在相同場景編輯中。對場景播放順序,設置時,藉助窗口一面板一場景。對具體的一個場景而言,和其餘場景結構是相同的。均涵蓋了一個或多個圖層。

2動畫的設計與實現

2.1動畫實現的目標

動畫多是為了讓文字緊隨鼠標來變動,以鼠標作為圓心,進行圓周運動,此外,文字顏色表現出色彩變動。

2.2動畫原理的分析

①窗口鼠標、文字、舞台座標間的位置關係。鼠標移動同時,文字也要移動,同時圍繞鼠標做圓周運動,文字座標值指的是圓周上的某點。鼠標座標值緊隨鼠標移動而改變,同時,文字鼠標值也相應發生改變。默認的座標原點O:(0,0)位在窗口左上角,圓心O:(h,k)代表鼠標在窗口舞台上的座標值,在座標系中,也就是將圓心O不再是,而被移到了(h,k)。按照圓心O:(h,k),再次將直角座標系構建起來,P點表示的圓心為點(h,k),半徑為r,為圓上一點座標,是文字座標位置所表示的區域。鼠標的座標值(h,k)、P點的座標值(x,y)二者之間的關係可用下述公式來表示:。事實上,Flash裏對三角函數裏的角做出了規定,其單位要為“弧度”,1度與π/180弧度是相等的,Flash中的P點的座標可用下述公式來表示:arkyarhx180/.(sin()),180/.(cos()。在本次獲得的動畫效果中,需要的文字對象數目為N個,以鼠標為中心做圓周運動,圓周上面的平均分配的P點座標數目需要N個,各P點座標的表示則為:180/())./360sin((.)),180/()./360cos(()xryiNhriNkfalse[1]。圓周上的'i代表的是圓周上的第幾個文字。應當引起主要的一點是,P點座標指的是文本域註冊點的座標值,在實踐當中,要將文本域中心點移至P點位置。②關鍵的處理函數。Math.random()函數能夠形成隨意的小數,處在0~1間,Math.round()函數以四捨五入的形式獲得相似整數,兩者整合起來,應用在文字隨機顏色創建中,讓文字顏色不斷表現出色彩變換;對addEventListener事件偵聽函數,當有數值出現改變,其按照變化後的數值對其餘變量數值做出新的計算。

2.3動畫實現的流程

第一步,新建Flash文檔,把舞台大小設置為550px×400px;第二步,新建影片剪輯元件,將其名字命名為apple,把眼球圖形繪製到元件編輯窗口中,設定其半徑為50,採用對齊工具,在眼球圓心中放入註冊點,和途中的點B(a,b)保持對應關係;第三步,繪製左圓形眼眶,左眼眶中心(150,150),繪製右圓形眼眶,右眼眶中心(400,150),半徑R=100,全部放置在場景編輯窗口中,和點A(m,n)保持對應關係;第四步,將2個apple元件實例於庫面板中拖出來,一個命名為left_apple,表示左眼球,另一個命名為right_apple,表示右眼球;第五步,根據以動畫原理分析為根據,同時結合獲得的計算公式,將相應代碼添加至圖層1的第一幀中;第六步,裝飾動畫,把眉毛添加到眼睛上,同時將含微笑的嘴巴放到眼睛的下部,顯得更逼真;第七步,經過測試,並得到影片。

3結論

本次研究使用了Flash的動作腳本,讓交互性動畫生動地呈現出來,對腳本中的部分參數,做出設置,生成各種動畫效果,如,變量d能夠對文字的轉動頻率實施調控,計算公式d+=0.05中,0.05數值發生改變後,產生的文字轉動頻率是不同的,值變小,文字轉動變慢,值變大時,文字轉動變快,+/-號在公式中可以對文字的轉動方向進行調控,變成順時針/逆時針;文字字號大小設置公式公式format.在文字轉動過程中,同時將文字調下或調大。像上述設置,結合實際需求,做出相應調整。切實掌握動作腳本,便能營造出各類交互性動畫效果。