如今，HTML5 可謂如眾星捧月一般，受到眾多業(yè)內(nèi)巨頭的青睞。很多 Web 開(kāi)發(fā)者也嘗試著用 HTML5 來(lái)制作各種 Web 應(yīng)用。HTML5 規(guī)范引進(jìn)了很多新特性，其中最令人期待的之一就是 Canvas 元素，HTML5 Canvas 提供了通過(guò) JavaScript 繪制圖形的方法，非常強(qiáng)大。今天這篇文章收集了20個(gè)驚艷的 HTML5 Canvas 應(yīng)用試驗(yàn)推薦給大家。

01. Cloth Simulation

使用 Canvas 模仿的3D布料圖案效果。

02. Particle System

這是我最喜歡的一個(gè)，非常神奇的效果！

03. Cloth Experiment

另外一個(gè)非常驚艷的布料模仿使用，拖動(dòng)布料試試看！

04. Strange Attractors

使用 Canvas 繪制的非常精美的分形（fractals）效果。

05. Particle Letter Animation

動(dòng)感的字母顆粒效果動(dòng)畫(huà)。

06. Canvas Nebula

使用 Canvas 繪制的星云圖。

07. Bomomo

HTML5 Cavas 制作的畫(huà)板，有各種各樣的畫(huà)刷。

08. Liquid Particles

多彩的流動(dòng)顆粒。

09. Fake Floor Reflections

非常立體的倒影效果。

10. Sinous

一個(gè)非常有趣的游戲，沒(méi)有想象的那么容易玩。

11. Water in HTML5

HTML5 Canvas 模擬的水！

12. Blob

水滴效果。

13. Magnetic System

模擬的磁場(chǎng)效果。

14. Trail

多彩的軌跡。

15. Particles

粒子系統(tǒng)。

16. Shattering Box Physics Simulation

模擬現(xiàn)實(shí)世界的物理動(dòng)作，難以置信的逼真。

17. Flower Power

美麗的花！

18. 9Elements Particle Play

這個(gè)實(shí)驗(yàn)演示了 audio 和 canvas 標(biāo)簽的應(yīng)用。

19. Beauty of Maths

數(shù)學(xué)之美！

20. Tree

Canvas 繪制的樹(shù)。

原文鏈接：http://www.cnblogs.com/lhb25/archive/2012/05/29/impressive-html5-canvas-experiments.html

【編輯推薦】

1. HTML5應(yīng)用在公司網(wǎng)站的案例
2. 兄弟割席：HTML5標(biāo)準(zhǔn)制定組織分裂
3. HTML5技術(shù)為我們帶來(lái)的圖像處理
4. 崛起中的九大HTML5開(kāi)發(fā)工具
5. HTML5大綱算法對(duì)結(jié)構(gòu)的影響