創新易聯歡迎您!13年專注深圳網站建設

H5小動畫特效制作方法

日期:2017-03-25 | 來源:易聯網站建設公司 | 閱讀:
幀頻
是指每秒鐘放映或顯示的幀或圖像的數量,這個數值設置越大,動畫越快,但同時也是性能消耗大戶,一般設置24幀就可以了。
圖形與影片剪輯
我們可以將單獨的動畫,放到一個獨立的影片剪輯里,這樣可以更好的控制動畫。幾個獨立的剪片剪輯,可以組成一個完整的動畫。
當我們把圖片從資源庫拖到舞臺時,它這個時候,只是普通的位圖,并不能做補幀動畫,所以我們必須把它轉換成元件。
圖形由矢量圖或者是位圖組成。
影片剪輯包含在動畫影片中的影片片段,有自己的時間軸和屬性。具有交互性,是用途最廣、功能最多的部分。
時間軸
時間軸是我們創作動畫時使用層和幀組織和控制動畫內容的窗口,層和幀中的內容隨時間的改變而發生變化,從而產生了動畫。時間軸主要由層、幀和播放頭組成。
Createjs
CreateJS為CreateJS庫,可以說是一款為HTML5游戲開發的引擎。目前被Adobe整合到Animate CC中,作為導出canvas動畫的基礎javascript庫。
它是一款為HTML5游戲開發的引擎,包含:
EaselJS:用于 Sprites、動畫、位圖的繪制,交互體驗(包含多點觸控)功能。
TweenJS:補間動畫”引擎
SoundJS:音頻播放引擎
PrloadJS:資源預加載
—— 微信公眾號 ——

熱門標簽

急速赛车单机版