lchunghan 发表于 2010-6-26 15:11

HTML5

HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的效果将使你对 HTML5彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。

Tunnelers

http://60.209.221.236/i-host/html5-ani/1.jpg

纯 JavaScript + HTML5 Canvas 生成的交互动画,难以置信。


The Mesmerizer

http://60.209.221.236/i-host/html5-ani/2.jpg

在格子中移动鼠标,颜色随着改变并扩散到周围的格子,很迷幻。用鼠标点四角的格子,或按键盘,可以看到更奇妙的效果。

Burn
http://60.209.221.236/i-host/html5-ani/3.jpg


在页面上移动鼠标,或按下鼠标,这样的效果,很难相信是浏览器原生的。

Cheloniidae    Live

http://60.209.221.236/i-host/html5-ani/4.jpg

也是基于纯粹的 JavaScript,不过使用了一个 JavaScript 库。很有趣,你可以通过修改其 JavaScript代码实现自己的效果(可惜被墙了)。


Canvas 3D engine

http://60.209.221.236/i-host/html5-ani/5.jpg

一个基于 Canvas 的 3D 引擎。目前只支持预设的图形,纹理及基本交互功能。


Bomomo

http://60.209.221.236/i-host/html5-ani/6.jpg

很值得一试。


DDD

http://60.209.221.236/i-host/html5-ani/8.jpg

这个交互动画也很有趣。


Plasma Tree

http://60.209.221.236/i-host/html5-ani/7.jpg

非常阿凡达。

本文国际来源:queness.com 8Simply Amazing HTML5 Canvas and Javascript Animations (原文作者 kevin)

brutti 发表于 2010-6-26 16:01

前景很好很强大,可惜万恶adobe的阻力太大

ccy0921 发表于 2010-6-26 16:24

果然很强大啊……

tete123 发表于 2010-6-26 16:49

非常资深啊

lyc1300480 发表于 2010-6-27 00:39

CPU也是狂飙。。。

ji19900101 发表于 2010-6-27 10:37

很资深,很好看

cym1102 发表于 2010-6-27 14:08

html5的确不错,但现在大部分的网页美工都是flash方面的,html5要想占据市场,必须让这些人都学会html5,其难度和让linux战胜wondws一样困难。

wang1045792 发表于 2010-6-27 14:22

FLASH插件确实不行,经常会卡,
HTML5作为未来发展趋势必定会干翻ADOBE。

lisgex 发表于 2010-6-27 14:53

用firefox玩了下,很好,很强大
页: [1]
查看完整版本: HTML5