你从没见过的 HTML5 动画效果

煎饼

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



纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。


The Mesmerizer
- @) [& S; {9 k- Q: f  j8 B

& o1 Z/ ~9 n- k
在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。

Burn
! J# u" `, B: E# |4 `" E7 |$ ]2 b* o" Q

1 W& g. j8 m! D3 x
' @* {0 y$ R6 h7 R: L在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。

Cheloniidae Live

' P! H' ~; c7 I+ R3 Z2 w: V/ V2 p

( t' O! M  \, ]$ I& `6 k) G也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。
9 f% `6 s7 k* b/ ^
5 w5 n, S2 s* C- B) P
- w8 p1 m) i2 v2 g/ WCanvas 3D engine

! M# u- \9 G2 S, B
1 f" f7 h+ T# k: k
4 }$ ^, ]- g, _7 B3 e. B一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。


8 s0 |! L2 X5 {" MBomomo
, ^* Q% N/ w" X; A1 y
" X! y! b) M. Z; m
9 A  a9 z/ _6 Q! q3 f
很值得一试。

' X% J7 `+ C9 S3 i8 G2 `5 S
DDD
4 R' s' Y: J" R
% }: k( w) a3 c+ ^0 I8 E6 x

7 s( r( H6 d& _这个交互动画也很有趣。
& k" j( Y; U& ~- G

' E, G: Q& I2 o/ m2 |! DPlasma Tree


3 O5 I$ ]( [1 n4 x& d
/ j$ L% U( J9 d# u4 X非常阿凡达。

绿豆雪糕

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