你从没见过的 HTML5 动画效果

煎饼

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


% r. l3 n$ |6 @) e! p
4 p$ V0 ]" c; a# b, ?纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
' ~, B4 s8 j# |+ N

9 N; a9 ^; x6 c8 S+ ZThe Mesmerizer
5 Z3 w9 a+ V, f9 q  H


% \7 @) @7 F8 a! v/ ~" T在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
$ G0 x( [; h+ H6 e& }1 _
Burn

9 j# t; n5 Q' ~9 k& R
+ ]) [5 O0 B* }) c" r" V
在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。

Cheloniidae Live
3 ~( i) s4 f: E3 `" S; h1 Z

( d5 s+ p  ^+ U6 g2 i9 @
也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。


Canvas 3D engine

% v9 G) y$ x2 Z# _/ V1 I, F$ S$ m
9 n9 ~0 K% W. e9 {
2 d- f+ K  C0 D" J一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
6 M1 u4 f  y' Y1 o* P0 ]2 q
$ r) n8 N5 q# x3 v
Bomomo

  C+ P  v/ a5 f# E" [+ V6 n
) ?0 \, I- H) x+ `+ s
很值得一试。


DDD
9 Z/ `" o' Y+ ]* i: Z) t
1 U8 ?* ~5 m! }
( B7 Z3 k  a+ y
( A, m8 p. l" t0 Q这个交互动画也很有趣。

' Y! E! g2 J0 _5 L8 v
Plasma Tree



非常阿凡达。

绿豆雪糕

不好意思，说实话我在csdn上见过