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