HTML5 知识库

你从没见过的 HTML5 动画效果

   阅读:536次   评论:21条   更新时间:2010-06-28    

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 (原文作者 kevin

 

中文翻译来源:锐商企业CMS 网站内容管理系统 官方网站

评论 共 21 条 请登录后发表评论
21 楼 shipeng2436 2010-08-25 17:38
我的CPU还不是很高,效率可以了,比flash高.
20 楼 Lingoesforstudy 2010-07-01 14:49

能写出这个的人也真是太牛了!

佩服,佩服!
19 楼 greatghoul 2010-06-30 08:48
这简直太神奇了,如此的效果,不知道未来的有一天,有没有可能开发出来浏览器里面的h-game,期待呀。
18 楼 hite 2010-06-29 21:28
Plasma Tree 里有个flowerpower效果超赞,,学点数学还是有用的
17 楼 wangxinpier 2010-06-29 18:20
用chrome运行,效果非常的不错.....超好.
16 楼 MrPengPeng 2010-06-29 17:03
目前版本的浏览器都那个 支持 这种标签!!
15 楼 takuma888 2010-06-29 14:00
拜托能不能不用这样的标题?动不动就是“你从没见过的什么”,我看只是作者自己从没见过。
这些东西在http://www.chromeexperiments.com/全都有收,可能需要梯子。
14 楼 wcily123 2010-06-29 13:56
ie9 开始支持 html5
:-)
13 楼 leepengyu 2010-06-29 13:15
为什么是HTML5应用 但是查看源代码却有很多div标签?
不是说HTML5去掉div了吗?
12 楼 java318 2010-06-29 10:40
这样的动画用flash实现需要多少多长时间,用html5需要多长时间。不实用。
11 楼 ywg2008 2010-06-29 09:21
太占CPU了!
10 楼 thorlst 2010-06-29 09:09
javagui 写道
Bomomo,这个IE8能运行。呵呵

你看到的是flash.
9 楼 wiflish 2010-06-29 09:07
奇怪。。我的CPU占用不到50%。 用的Firefox3.6.6
8 楼 左看右看 2010-06-29 00:54
    CPU的占用是很高,比flex还站cpu,不过我看好html5的,好不容易找找到一些例子!看下!不过真正实施还是要很长的时间!
7 楼 javagui 2010-06-28 22:23
lizp 写道
CPU 占用率太高


不知道开一个浏览器CPU怎么样,我5个主流浏览器都开了,电脑很慢
6 楼 javagui 2010-06-28 22:22
ablackrock 写道
javagui 写道
Bomomo,这个IE8能运行。呵呵

是可以,不过是 flash 的...

。。。不说什么了,难得一个可运行的网站,还TM flash,赶紧IE9吧!!
5 楼 ablackrock 2010-06-28 21:16
为了让你的 HTML5 代码兼容各个浏览器,你会火冒 3x5=15 丈...
4 楼 ablackrock 2010-06-28 21:13
javagui 写道
Bomomo,这个IE8能运行。呵呵

是可以,不过是 flash 的...
3 楼 somefuture 2010-06-28 20:01
我的ie8全运行不了,火狐都可以的。
2 楼 lizp 2010-06-28 19:17
CPU 占用率太高
1 楼 javagui 2010-06-28 18:23
Bomomo,这个IE8能运行。呵呵

发表评论

您还没有登录,请您登录后再发表评论

Global site tag (gtag.js) - Google Analytics