欧美一区二区三区性视频_婷婷综合另类小说色区_亚洲av乱码一区二区三区林ゆな_天堂在线资源中文在线8_久久这里只有精品首页

HTML5動畫制作工具大全

接下來介紹幾款制作HTML5動畫的工具，它們可以分為幾類：
1、導(dǎo)出canvas動畫：
Flash CC(13.1)、Animation、Radi
2、導(dǎo)出DIV+CSS3動畫：
HTML5 Maker、Edge Animation、Tumult Hype、Nodefire
3、導(dǎo)出SVG動畫：
Hippo

基本上所有工具導(dǎo)出的動畫都會依賴一個獨立的js庫，這個庫用于解析數(shù)據(jù)，展示動畫。而其中兩個工具（Radi和Hippo）就比較突出，它們并不依賴獨立js庫，而是把必須的最精簡的js直接內(nèi)嵌到HTML中，這個做法減小了初次加載的文件。這種實現(xiàn)方式對于小規(guī)模動畫很有好處。

============================================================================
Flash CC 13.1
============================================================================

Flash CC 13.1可以使用使用CreateJS庫直接導(dǎo)出Canvas動畫，CreateJS是一個HTML5的游戲開發(fā)引擎。Flash一直是動畫制作的代表，而新版13.1讓swf和html5無縫銜接，功能非常強大，所以這里將對Flash CC作重點介紹。

這里我們使用道具表情里的機槍動畫測試一下他的表現(xiàn)。

可以看到CC  13.1新增HTML5 Canvas類型文檔
工作界面跟傳統(tǒng)Flash開發(fā)界面是一致的，很容易上手，這里我們導(dǎo)入的是道具表情的機槍動畫
工作流程也跟Flash開發(fā)完全一致
這個發(fā)布設(shè)置跟Flash的界面有一定變化，主要是為了導(dǎo)出頁面文件準(zhǔn)備的
從flash轉(zhuǎn)換成HTML5還是有一些需要注意的地方，比如對濾鏡的支持比較弱，所以盡量不要使用濾鏡效果。
導(dǎo)出之后是一個頁面文件和一個JS文件
使用Chrome打開，動畫還是比較流暢的，基本能還原原來Flash動畫的效果
JS文件的大小是162K，此外還要下載3個總大小為104K庫，總共需要下載260K
的文件，不過經(jīng)過壓縮之后體積有較大縮減，只有82K。

小結(jié)：
優(yōu)點——導(dǎo)出canvas動畫，支持swf轉(zhuǎn)html5，美術(shù)同學(xué)熟悉
缺點——依賴的庫太多
綜上所述，F(xiàn)lash CC導(dǎo)出的HTML5動畫能很好地保留原Flash動畫的效果，但他依賴于CreateJS庫，比較適合做有一定規(guī)模的項目（比如游戲），小動畫可能就不太適合了。

============================================================================
Animation
============================================================================

一個html5版本的在線編輯器
http://animatron.com/
類似的還有 http://www.mixeek.com/ ，但后者就做得粗糙很多。

內(nèi)容太多就不復(fù)制粘貼了，直接上word下載地址：

html5動畫工具.doc

發(fā)表你的評論吧返回頂部

!評論內(nèi)容需包含中文