你从没见过的 HTML5 动画效果

煎饼

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

# P( A+ O$ Z) z+ k( X" e* s9 e; X
纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
$ }+ H" ~0 H. u% R! P- l* z( r" h$ d& M: e

The Mesmerizer
1 A" D* r2 N% M9 f; V
" Y2 h) \" l6 v( o' {0 k5 |& {
  ~4 _3 h6 B7 {9 w
, U" _( [  O& o; W在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。

Burn
. t! C7 O% [3 H* J& [
) k+ N' T) G8 f5 o
+ G5 }; @. H7 e$ e0 v
在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。

Cheloniidae Live



8 S6 b. B$ L* y/ T% u) U也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。
% X( y5 T, p  l0 J

Canvas 3D engine



9 a1 X0 o6 C1 s9 R: C' P+ U一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。

6 s" j2 T5 |/ B/ Z8 r, k. H; |
Bomomo

4 N* ~! L% B2 e+ E" z7 O% M! p0 v
1 `! u( T, s( m9 t1 v: _
很值得一试。


& B8 d: R: _) `9 j4 [, hDDD

+ c, A( Y' v* o3 h+ A# I& d0 g6 M
- ^! |7 }3 M) ^# X$ `0 K
这个交互动画也很有趣。
) r" H1 }( A& P3 `

  Q1 s* B3 A/ p. q5 m7 j7 ^+ VPlasma Tree
# U; D+ d2 h1 `

& |/ S" S. k! f: F# e1 _& e5 z6 B7 c
非常阿凡达。

绿豆雪糕

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