你从没见过的 HTML5 动画效果

煎饼

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

; J3 W; C* _% `1 p) P
纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。


( J, ^5 m1 N2 d6 a' OThe Mesmerizer

+ Y/ @6 W2 E3 x" x% o

1 |; H( t% ^4 o& x, U. s3 v. l在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
  R+ q5 y3 J2 B4 U2 q
; h/ v: X- o' f- O* j. H  }4 y6 }Burn
. Y- N; F  g8 s) A# x3 R


2 s) f7 y2 b1 |2 _5 Z* h+ x6 U# u在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。

: {- j( E& V- F! G$ q# ACheloniidae Live



也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。
- q  Q; O& @) [& I0 k! M

. l; r7 s/ S1 H' q# j- a4 VCanvas 3D engine
! L  ^& J' I1 d; B5 b! Q& x& q. g; E

& l( U$ J" O7 D# r. o' c% V
一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。


Bomomo
  }' z" \0 n! ^* F

4 H3 y6 j+ X: P3 G; {
很值得一试。

' g# E' H: v/ G2 O
$ u, C, d' `# R0 RDDD
# j2 k! x' g" Y% z, o7 y. c

7 @& N& L+ R6 j9 k- G; o
+ e* t, E4 t% G: Q这个交互动画也很有趣。

: x( P/ q, Q( R- e: \
* l& L, H( T) O; P5 O  SPlasma Tree

6 U6 I( r/ r" U) W. ^7 P9 t
! N8 {( l5 q) K7 S; I
非常阿凡达。

绿豆雪糕

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