你从没见过的 HTML5 动画效果

煎饼

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



! F2 c; r( p: t纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
( n/ J, |: v+ V

/ D6 d! X5 z& c) EThe Mesmerizer



在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
! {. P$ a2 {" J' b
Burn
# i  l3 @( K% E
" K% K# f8 d7 p( n

0 n6 j: }" Z; k! v1 ~/ c在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。

( S' B1 d- ^2 PCheloniidae Live
: G2 p# L2 J. O$ G7 ^" Y, z
) Q+ d" M5 r$ t: M2 q0 O
  D' i5 ^9 G/ d; W. x) ^8 b/ \; }7 S$ F
也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。
+ m* M2 k3 y, z" }! G( g

& C! R0 T8 \* W! P$ U6 wCanvas 3D engine



/ L1 e: ?! e6 i  [一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
6 N' N( b$ M+ F# J" x

Bomomo
# {9 z8 x& F$ _0 e$ c- S) E


7 f" {" z; P: d很值得一试。

7 F! g! E% c: M* [. t6 }' k( H
DDD
( c% F9 ^6 U0 \! {! w; k5 X

! U, [6 z* v) ]; S' }
7 o$ S. e- j9 v# c1 p$ a这个交互动画也很有趣。

% d! Z# g! {' G  A4 C
5 n% s. y9 w, ]! I0 G/ R/ rPlasma Tree
' T' l& t9 R5 o! H0 j) L' h( T! o

$ g2 e8 g  Q, B' Y
) T2 p9 e  W* @6 i6 m; [非常阿凡达。

绿豆雪糕

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