上篇 下篇

令人难以置信的HTML5 动画效果

2010年06月30日 ⁄ Web前端 ⁄ 共 545字 ⁄ 评论数 3 ⁄ 被围观 2,301+

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

非常阿凡达。

本文来源： queness.com 8 Simply Amazing HTML5 Canvas and Javascript Animations

返回

作者: 知更鸟

该日志由 知更鸟 于692 天前发表在Web前端分类下， 你可以发表评论，并在保留原文地址及作者的情况下引用到你的网站或博客。
转载请注明: 令人难以置信的HTML5 动画效果 | 知更鸟 +复制链接
关键字: HTML5, Web前端

您可能还会对这些文章感兴趣！

1. WordPress实现HTML5预加载
2. 什么是HTML5?
3. 10个非常棒的HTML5、CSS和Javascript特效展
4. 15个效果非常炫的jQuery插件
5. 几个jQuery滚动到顶部（Scroll to top）解决方案
6. 25 个优雅的 jQuery Tooltip 插件
7. Google电吉他扩展版
8. 60款jQuery 幻灯片

目前有 3 条留言 其中：访客:2 条, 博主:1 条

1. 从零开始 : 2010年11月25日 543 天前 19:36:28  1楼 @回复 回复

   太帅了 html5 真v5啊 赶紧普及吧
   • 知更鸟 : 2010年11月25日 543 天前 20:15:01 @回复 回复

     消灭IE6,还有IE7/8,IE9还不知什么鸟样，估计我这辈子是看不到了
2. 网虫的家 : 2011年08月25日 270 天前 11:56:49  2楼 @回复 回复

   最后一个不错，把我浏览器弄崩溃了