Lisong's Blog


八月 22nd, 2010

8个你未见过的HTML5动画效果

Learning, by 木公.

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

非常阿凡达。

Back Top

回复自“8个你未见过的HTML5动画效果”

评论 (19) 引用 (0) 发表评论 引用地址
  1. 非常阿凡达....

  2. 的确 很了不起!

  3. 是没见过,有意思。。。

  4. 确实没见过,也没看懂

  5. 很不错 喜欢那个bomomo的风格 赞赞

  6. 拜读楼主大作,感谢分享好东西!

  7. She dissented with the other liberals, seeking to postpone the execution and uphold a lower court judges order seeking more information on the disputed drug.

  8. Профнастил, металлочерепица по ценам производителя

  9. I had a desire to begin my own company, nevertheless I didn't earn enough amount of money to do it. Thank God my close fellow recommended to take the business loans. Therefore I took the secured loan and made real my desire.

  10. 感谢楼主分享的好文章!!!

  11. 学习了,谢谢!

  12. Thanks for you sharing.That is good article.I like it.

  13. 效果真的很不错。

  14. St. Patty's Day T-Shirts

  1. 没有任何引用。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*


无觅相关文章插件,快速提升流量