团队博客 → Timothy.午夜晒网 → Timothy.午夜晒网


你从没见过的 HTML5 动画效果
Label作者: its|发布: 2010-6-26 (10:47)|阅读: 20618|评论: 15|静态地址|内容源码

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路过
 
zz2010-6-26 16:40:29
有趣
 
blueband2010-6-27 0:08:26
amazing!!!
 
盒子2010-6-27 17:02:03
系统蓝屏过一次@chrome6.0
 
vix2010-6-28 10:18:17
所谓“你从未见过”这样的标题太代表了吧
 
IE8无效2010-6-28 12:48:43
IE8无效！！路过！！！
 
匿名2010-6-30 21:05:38
ie8 显然无效。。。囧~
 
pandora2010-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/
 
flyfish2010-7-2 23:37:00
nexus one可以用看
 
Authentic Louis Vuitton Handbags2010-7-14 11:04:15
效果很有感觉Authentic Louis Vuitton Handbags

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


锐商企业CMS
青岛.榉林花园A座206
Tel:0532-83669660 Fax:0532-82831883
Email:support#comsharp.com
Powered by COMSHARP CMS