你从没见过的 HTML5 动画效果

煎饼

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

3 W$ c; S) F. W& S: c
2 q; P9 _4 O. f! a' t; K
纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。

5 s+ j0 p& S# g' G$ @
The Mesmerizer
1 a$ A5 b( h. z! [( o0 g
1 V6 t4 K; W' r- Q4 ^& T
' {4 n+ w* Y  p0 P2 P4 M* ~
* }. B5 J: W9 t% M9 Y+ u8 g在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。

+ f" R* B9 B9 c. dBurn

" C$ g! F# h; B/ _: a! D
5 L6 D2 ^$ }- p
) r* V& a5 o" y5 t. d在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
# u0 s/ K' x, ?, s. b. A
/ l: f3 {4 W! ECheloniidae Live
  v" k+ {0 i. H
7 X9 Y; \+ k+ V+ k- y2 a: [
) d, c/ p& ]+ u! x. f7 q- G  U% p
也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。


* N0 n- T1 `7 OCanvas 3D engine
3 b+ b6 u% \% ^5 G; f: T2 v/ w2 g
% O$ W5 F$ J7 M" n5 L- C
9 A# f* L6 r* w6 {" t5 a
7 {" V8 J9 t; x& `9 U2 G6 R一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
# I7 B, r3 M1 C8 L3 O
8 r2 p4 V* i8 p4 z' f; d
Bomomo
$ @; X0 W6 t  t3 L# V) \4 f- U5 a1 S
: S5 u8 M2 Z7 o* X" l/ O$ ]
, k6 a. t4 W! _$ p
很值得一试。
9 ?, d: Z1 Y! w3 M, f6 i
5 e9 g2 K1 d# l. P; C
DDD
$ Q2 d. s3 p' p" w/ l
4 x5 T# z% G* ?* L9 ]1 ~* L8 A8 ^
# |0 g% J+ [$ ?: }) A& ^8 n4 _
2 F0 f+ D1 \4 `5 j7 L这个交互动画也很有趣。

" K  |- B! B9 E4 k. t. T9 D
& @$ D3 E( ?* ]" M2 EPlasma Tree



非常阿凡达。

绿豆雪糕

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