HTML5 知识库
你从没见过的 HTML5 动画效果
阅读:546次
评论:21条
更新时间:2010-06-28
HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。
纯 JavaScript + HTML5 Canvas 生成的交互动画,难以置信。
在格子中移动鼠标,颜色随着改变并扩散到周围的格子,很迷幻。用鼠标点四角的格子,或按键盘,可以看到更奇妙的效果。
在页面上移动鼠标,或按下鼠标,这样的效果,很难相信是浏览器原生的。
也是基于纯粹的 JavaScript,不过使用了一个 JavaScript 库。很有趣,你可以通过修改其 JavaScript 代码实现自己的效果(可惜被墙了)。
一个基于 Canvas 的 3D 引擎。目前只支持预设的图形,纹理及基本交互功能。
很值得一试。
这个交互动画也很有趣。
非常阿凡达。
本文国际来源:queness.com 8 Simply Amazing HTML5 Canvas and Javascript Animations (原文作者 kevin)
中文翻译来源:锐商企业CMS 网站内容管理系统 官方网站
21 楼 shipeng2436 2010-08-25 17:38
20 楼 Lingoesforstudy 2010-07-01 14:49
能写出这个的人也真是太牛了!
佩服,佩服!
19 楼 greatghoul 2010-06-30 08:48
18 楼 hite 2010-06-29 21:28
17 楼 wangxinpier 2010-06-29 18:20
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
:-)
13 楼 leepengyu 2010-06-29 13:15
不是说HTML5去掉div了吗?
12 楼 java318 2010-06-29 10:40
11 楼 ywg2008 2010-06-29 09:21
10 楼 thorlst 2010-06-29 09:09
你看到的是flash.
9 楼 wiflish 2010-06-29 09:07
8 楼 左看右看 2010-06-29 00:54
7 楼 javagui 2010-06-28 22:23
不知道开一个浏览器CPU怎么样,我5个主流浏览器都开了,电脑很慢
6 楼 javagui 2010-06-28 22:22
是可以,不过是 flash 的...
。。。不说什么了,难得一个可运行的网站,还TM flash,赶紧IE9吧!!
5 楼 ablackrock 2010-06-28 21:16
4 楼 ablackrock 2010-06-28 21:13
是可以,不过是 flash 的...
3 楼 somefuture 2010-06-28 20:01
2 楼 lizp 2010-06-28 19:17
1 楼 javagui 2010-06-28 18:23