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 网站内容管理系统 官方网站