你从没见过的 HTML5 动画效果

煎饼

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

* ~( r% w7 P* T' R. T; y# c7 X: u

) G* m8 {) \) \4 p4 G  y  T9 X纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。

. s( L! f: [' @7 O
; d! y7 I1 x' N. j2 t1 iThe Mesmerizer



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

, G$ S" |$ q$ U( ^$ _$ E' TBurn
8 o! G9 a; `1 q2 T


在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
+ X( |: t1 W: \5 u- ]: M
9 b7 [5 @( |8 v+ a- X* J& DCheloniidae Live

% g4 d, X4 @2 X$ K
, P8 l/ @1 l* X8 z: P
也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。

1 b4 c- |1 [% x. [  \1 V
Canvas 3D engine
4 n+ M9 A3 _$ R8 ^1 n: N) k6 H6 {
8 C- F9 ~  e) b# \

一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
8 H4 S+ l: o# D

Bomomo
# P8 C6 {0 \7 l# i) p


很值得一试。
: f$ H" E7 o# K6 w% h
( `: V0 _- D$ |# D3 A0 M) M! k
2 ]+ C$ f& ~- VDDD



* I5 E, N$ u7 u. S- Q: R这个交互动画也很有趣。


Plasma Tree
( i) X4 W" u/ V( C  ^' ?9 y

( t  C" \& M" ?6 S9 W2 @! f& J
非常阿凡达。

绿豆雪糕

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