最近有很多關(guān)于“Flash是面臨垂死掙扎的技術(shù)”以及“Flash將如何很快被html5的取代”等言論。就個(gè)人而言,我認(rèn)為html5會(huì)慢慢取代一些Flash的東西,但Flash會(huì)永遠(yuǎn)有它的一席之地,特別是開發(fā)復(fù)雜的游戲和豐富的互聯(lián)網(wǎng)應(yīng)用。
如果你還沒有看到html5動(dòng)畫是怎么樣的,下面收集了幾個(gè)html5實(shí)現(xiàn)的動(dòng)畫演示,顯示了html5出色的動(dòng)畫能力。
html5code.net' title='html5模板網(wǎng)'>Canvas Minimal Particle Animation
(字體動(dòng)畫,可以輸入文字自定義,目前不支持中文。)
html5code.net' title='html5模板網(wǎng)'>CanvasMol
(這個(gè)html5code.net' title='html5模板網(wǎng)'>截圖是著名的C60分子結(jié)構(gòu),3D動(dòng)畫,很多自定義選項(xiàng),真的跟Flash沒什么兩樣。點(diǎn)擊左邊列表還可以看到更多3D動(dòng)畫的分子結(jié)構(gòu)。)
html5code.net' title='html5模板網(wǎng)'>Flickr and Canvas in 3D
(點(diǎn)擊上面的方塊就顯示出圖片。)
html5code.net' title='html5模板網(wǎng)'>Cloth Simulation
(布料模擬動(dòng)畫,接觸過3D的人應(yīng)該知道這種效果。)
html5code.net' title='html5模板網(wǎng)'>etchaPhysics
(一個(gè)游戲動(dòng)畫,用畫筆一些東西,點(diǎn)擊時(shí)鐘之后這些物體會(huì)受重力掉下來,游戲我沒去細(xì)看,動(dòng)畫亮點(diǎn)就是模擬重力和剛性反彈吧。)
html5code.net' title='html5模板網(wǎng)'>Google Images Gift Box – CSS 3D example
(可旋轉(zhuǎn)的立體盒子,可以在上面輸入內(nèi)容然后點(diǎn)搜索,盒子就打開,不過好像沒搜索出內(nèi)容。)
html5code.net' title='html5模板網(wǎng)'>Liquid Particles
(流體粒子動(dòng)畫,也是3D動(dòng)畫的一個(gè)手段。不過如果像那些3D軟件一樣粒子可以替代成物體,那真是太偉大了。)
html5code.net' title='html5模板網(wǎng)'>html5 Canvas Nebula
(星云動(dòng)畫,通過靜態(tài)圖片實(shí)現(xiàn)。個(gè)人認(rèn)為早前的Javascript也能實(shí)現(xiàn),不過可能效果沒那么好。)
html5code.net' title='html5模板網(wǎng)'>Ball Pool
(彈性球動(dòng)畫。模擬重力和彈性。)
html5code.net' title='html5模板網(wǎng)'>Bomomo
(幾個(gè)漂浮的泡泡是畫筆,可以在畫布上畫畫。)
動(dòng)畫有很多種形式,時(shí)間軸動(dòng)畫,重力模擬,軟體模擬,彈性等多種動(dòng)畫效果。其實(shí)所看到的html5動(dòng)畫相比以前的看到的并非有很多高明之處,最大的區(qū)別可能就是html5新元素畫布,這個(gè)元素的動(dòng)畫可操作性相比圖片要好很多。不過我覺得在IT業(yè)界里,事物的新穎與否并非全在于技術(shù)的革新,而在于概念的新鮮,就像當(dāng)初的Ajax一樣,技術(shù)沒什么變化,但是帶來了極好的用戶體驗(yàn)。