接下來介紹幾款制作HTML5動畫的工具,它們可以分為幾類:
1、導出canvas動畫:
Flash CC(13.1)、Animation、Radi
2、導出DIV+CSS3動畫:
HTML5 Maker、Edge Animation、Tumult Hype、Nodefire
3、導出SVG動畫:
Hippo
基本上所有工具導出的動畫都會依賴一個獨立的js庫,這個庫用於解析數據,展示動畫。而其中兩個工具(Radi和Hippo)就比較突出,它們並不依賴獨立js庫,而是把必須的最精簡的js直接內嵌到HTML中,這個做法減小了初次加載的文件。這種實現方式對於小規模動畫很有好處。
先來個最牛逼的html5制作的html5動畫工具鎮樓。
由於圖片太多,就懶得貼圖了,有興趣的朋友直接下載我整理的doc吧。
直接上doc: http://files.cnblogs.com/kenkofox/html5%E5%8A%A8%E7%94%BB%E5%B7%A5%E5%85%B7.zip
============================================================================
除上述全部編輯器之外,還不得不提及兩個比較牛逼的js庫,用於輔助動作制:
CreateJS:http://www.createjs.com/#!/CreateJS
GSAP-JS:http://www.greensock.com/gsap-js/
CreateJS被Adobe CC用於導出html5動畫,而GSAP的制作者GreenSock一直都是Flash動畫界的佼佼者。具體用法不在這里詳細敘述,大家有興趣可以點擊鏈接看看。
============================================================================