HTML5 的 Canvas 對象將改變 JavaScript 的使命，使之成為 HTML5 下強大的動畫腳本編寫工具。本文介紹了 8 個你從未見過的，基于 HTML5 Canvas 和 JavaScript 的動畫，這些令人難以置信的效果將使你對 HTML5 徹底折服。需要指出的是，這些都是瀏覽器的原生動畫，無需任何插件。

Tunnelers

純 JavaScript + HTML5 Canvas 生成的交互動畫，難以置信。

The Mesmerizer

在格子中移動鼠標，顏色隨著改變并擴散到周圍的格子，很迷幻。用鼠標點四角的格子，或按鍵盤，可以看到更奇妙的效果。

Burn

在頁面上移動鼠標，或按下鼠標，這樣的效果，很難相信是瀏覽器原生的。

Cheloniidae Live

也是基于純粹的 JavaScript，不過使用了一個 JavaScript 庫。很有趣，你可以通過修改其 JavaScript 代碼實現自己的效果（可惜被墻了）。

Canvas 3D engine

一個基于 Canvas 的 3D 引擎。目前只支持預設的圖形，紋理及基本交互功能。

Bomomo

很值得一試。

DDD

這個交互動畫也很有趣。

Plasma Tree

非常阿凡達。

延伸閱讀

• 各大瀏覽器 CSS3 和 HTML5 兼容速查表
• HTML 5 到底是什么？
• HTML5： 實至名歸還是言過其實？
• 關于 HTML5，開發者可以期待什么？
• HTML 5 之后是什么？HTML
• 深入了解 HTML 5
• 讓 JavaScript 拯救 HTML5 的離線存儲
• Web Forms 2.0 行將被 HTML 5 代替
• HTML 5 正在改變 Web
• HTML 5 令人期待的 5 項功能
• 當 HTML 5 遇見 Google
• HTML 5 會為 Flash 和 Silverlight 送終嗎？
• Firefox 訪談：OGG, HTML 5 與 Web 視頻的未來
• XHTML 2: 出師未捷身先死, HTML 5:萬千寵愛于一身
• HTML5 File API：把文件從桌面拖放到 Web

本文國際來源：queness.com 8 Simply Amazing HTML5 Canvas and Javascript Animations （原文作者 kevin）

中文翻譯來源：銳商企業CMS 網站內容管理系統 官方網站