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

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

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

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

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

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

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

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

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

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

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

html5動(dòng)畫工具.doc