你从没见过的 HTML5 动画效果

煎饼

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

1 I/ k1 T. O( y- r
! |) o5 T" U- o' x' ~+ U$ e# O  b1 k
2 f( \; q8 q+ p9 d2 W纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
1 D' i9 H$ i1 {

The Mesmerizer


* o# T/ R3 a3 e& U5 l) ]8 e
# m9 `# y4 B4 k; p0 K7 @在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
' {# Y8 z, |& m0 i0 K
Burn

* Y" \4 H" B2 }, j2 t

5 O+ ^# v3 S0 P0 L' R' W1 L* @在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
  c' q) T* O. J# o8 y& F
Cheloniidae Live


' B! y* j& O; \& {: E
+ o+ [/ [( |( v& U2 a% F% _5 W$ t' m也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。


( m( T# g2 U( G& L6 l& ~. bCanvas 3D engine

& U  k' L4 M9 l  m! Z
5 n& w/ U9 d- m
一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
7 g" I( G& H2 s& p
4 ]) X, J: R4 t! K  ~
% X) z. o2 ]  _! b8 U3 }Bomomo



4 F* E. Z. ?9 U% R$ t# I很值得一试。
) _, H2 b2 h4 ~8 C) Q" m: |+ N
5 Q8 d& P! B# K/ a
. t/ [( a1 o1 X  Z8 `/ ]DDD
$ k# \7 }; K0 y, N: m+ c


" ^' N' N0 B" l' i这个交互动画也很有趣。

1 m7 C( M6 r1 ^/ X
Plasma Tree
  A1 C2 _! j2 Q3 R( C
, a. e$ {  y) ?. P- U' N8 U
7 F4 T3 V, U/ {
7 P& M) P2 Q, \非常阿凡达。

绿豆雪糕

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