你从没见过的 HTML5 动画效果

煎饼

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


纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
& o6 n9 [1 n* b* ^4 ?4 e
5 y" `( k+ t* r  S  c6 X- {
3 r4 z& A) X% t+ p' K) m7 wThe Mesmerizer

, `! g. j# d9 d, W3 v1 }. A5 u

在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
. W4 e: i4 Q9 n' X% ?& D+ H
5 c- s! `2 w# h& ~Burn
, `3 h* A; `: O" D4 }

' M& F% t$ G$ K! G1 P+ \
& }7 G5 e) i1 y2 C, B在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
' V( E8 ^9 c/ t# h. g
Cheloniidae Live
( |  |# ^" q8 @& J* V

! p0 O. ~: X3 v% L# j6 c
也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。
2 g4 S* I1 d) ^$ B. }2 @' j8 Y
$ L8 z7 _; b8 h* k7 f5 b* X
Canvas 3D engine

; H+ C$ Y$ b6 q$ f7 y3 ~
+ n1 k; s: }; ]
1 c; p' R* d! V. |7 Z" ~一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
" O/ ^9 y* k6 {  Y

Bomomo
/ Z* z8 ^: L# L1 v: }
. \% s# j/ `& t; D' z3 w2 [" _

* {; {9 r- N3 ]/ R$ y' K很值得一试。

2 K7 G4 @! m+ l; H6 k  v" P1 u9 z2 q
DDD

6 S% y1 F& ?. |. [& x

; V- y. U' k" D这个交互动画也很有趣。


3 u, k. N8 p0 M3 [- q* aPlasma Tree
  n' l# m* H2 i! v( i, l. o

7 I; K- @9 p- @" r% Y
# j3 Q: y8 j# i8 G( W非常阿凡达。

绿豆雪糕

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