你从没见过的 HTML5 动画效果

煎饼

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

# D' e( N" v+ g
) B) U% U1 T( N6 F
纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
  Z! n8 |3 D# X! ]7 ~! X
$ R( S# R8 V2 ^1 d
( W7 U' }3 x- I/ e" eThe Mesmerizer

# e7 `6 _7 i2 r1 B# e$ y

1 z& A3 Q7 W& V0 t; J在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
' L) d+ n3 O6 ^& `- Q+ D; d' j
- d* U3 b3 T9 v8 R$ ABurn



% b" ^5 I' t: m  M在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
% X: K$ A5 g& t% J
$ u$ d7 ~) K  O% F' PCheloniidae Live
: @. G" z+ n$ q4 }
' E* _# T+ j! e- l( n
+ b% D: p( X/ ?+ }1 y5 h+ p
) U$ I4 j9 ^+ d9 Y) c也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。


3 F4 k; i4 G! K. R9 ?Canvas 3D engine


) D: g* t5 q# u: j$ ]0 l* N2 u7 D$ ]2 M4 d+ D
一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。

% d( n( G, ^7 |0 x  E2 `
Bomomo
/ A- X# U' ~+ E2 _8 G% ?
0 N4 [* c) A, N6 ~' L0 W$ K. b2 s

. D& L# }9 |% s3 n6 O' x7 v很值得一试。

; Q/ c9 \! V6 y, n6 C/ _
* [! D0 M/ U7 f! P2 F9 ADDD
/ J  s% U$ j0 ?- Z

6 L/ n1 C/ F) t% S: z6 p8 w, O
0 i3 t, ^4 b. b6 [) }% D) |这个交互动画也很有趣。
- @7 a( d8 N% C' b: L6 I" n
  y" t* l9 _( H6 {* b/ r
9 ]% S# [) w' e6 v# K/ n4 N4 lPlasma Tree
0 R! t) y. f5 j- h9 b- \% b
+ K6 s# T$ L' N! f3 s. F3 }( @# a
4 r; O. G6 H0 M7 }( A
+ A# K" Q8 R7 e3 d非常阿凡达。

绿豆雪糕

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