你从没见过的 HTML5 动画效果

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





评论
opera裸奔团|2010/6/26 13:32:19
路过
 
匿名|2010/6/26 15:30:43
 
藕粉|2010/6/26 15:31:26
opera路过
 
zz|2010/6/26 16:40:29
有趣
 
blueband|2010/6/27 0:08:26
amazing!!!
 
盒子|2010/6/27 17:02:03
系统蓝屏过一次@chrome6.0
 
vix|2010/6/28 10:18:17
所谓“你从未见过”这样的标题太代表了吧
 
IE8无效|2010/6/28 12:48:43
IE8无效!!路过!!!
 
匿名|2010/6/30 21:05:38
ie8 显然无效。。。囧~
 
pandora|2010/7/1 15:26:35
路过 ! true
religion jeans

links of london bangles
buy cheap pandora
 
35公里|2010/7/1 17:53:43
最近又看到一些:

http://alteredqualia.com/canvasmol/#Chlorophyll
http://www.andrew-hoyer.com/experiments/particle_system
http://spielzeugz.de/html5/liquid-particles.html
http://mrdoob.com/projects/chromeexperiments/ball_pool/
http://www.professorcloud.com/mainsite/canvas-nebula.htm
http://www.xs4all.nl/~peterned/3d/
http://www.feedtank.com/labs/html_canvas/
 
flyfish|2010/7/2 23:37:00
nexus one可以用看
 
Authentic Louis Vuitton Handbags|2010/7/14 11:04:15
效果很有感觉Authentic Louis Vuitton Handbags

就是有点眩晕Ed Hardy Jeans
 
Cheap True Religion Jeans|2010/7/14 14:25:36
“HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,Cheap True Religion Jeans这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件
 
pandora jewelry|2010/7/14 14:39:52 
HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。pandora jewelry
 
发表评论


用户


评论(不超过1000字)


 5 x 1 = ? 请将左边的算术题的结果填写到左边的输入框  


  发送给朋友| 打印友好
7 x 12 小时服务热线
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp