- 相關推薦
動作腳本交互式動畫設計
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.在文字轉動過程中，同時將文字調下或調大。像上述設置，結合實際需求，做出相應調整。切實掌握動作腳本，便能營造出各類交互性動畫效果。
【動作腳本交互式動畫設計】相關文章：
傳統動畫設計與Flash動畫設計的區別09-05
關于Shell腳本調試技術06-06
ASP腳本循環語句詳細教學06-21
動畫分鏡頭腳本設計的工具09-19
Flash動畫設計的入門知識10-17
文化元素對動畫設計的影響11-09
動畫設計的原則有哪些03-28
編導學習分鏡頭與分鏡頭腳本介紹10-19
粒子系統的煙花動畫設計05-29