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



非常阿凡达。


友情提示：请不要用IE9 以下浏览器打开。请用谷歌或火狐之类浏览器打开方可感受HTML5的魅力

[ 本帖最后由 sett123 于 2010-6-27 06:01 编辑 ]

恩，试了一下，火狐，OPERA都支持，IE8不支持。

二次编辑：
又有一个发现，OPERA对 HTML5的支持比火狐好。
如在第一个例子中单击左键不放，OPERA的动画效果很流畅，而火狐会比较卡。

再次编辑：
看来我的判断比较片面，发现了火狐优于OPERA的一个地方:第五个例子中，在火狐中显示时点击方框可以显示出相片，OPERA则不行。

[ 本帖最后由 mm765710 于 2010-6-26 21:56 编辑 ]

呃  貌似这个东西挺高端  一个都没打开

不错，肯钻研。我个人觉得CHROME效果好一点

有几个动画效果不是一般的好看啊，在音乐播放器里面估计也好用的

这个东东不知道和flash比哪个更好，乔布斯就说就因为这个不支持flash

这也没什么呀！许多工具都能实现的，而且占用资源的换少

我怎么用火狐看的没什么啊，静态的，不动啊。是不是版本问题？

感慨呀，这些技术发展的太快了，感觉都还没进入成熟期呢，又被其他技术追上了

引用:

原帖由 wangtg2005 于 2010-6-27 09:08 发表
我怎么用火狐看的没什么啊，静态的，不动啊。是不是版本问题？

不是看那张图片 有点进去看网页的