你从没见过的 HTML5 动画效果

煎饼

HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。Tunnelers
( l: \) _8 N& \
+ T0 H7 a* p* y! ^
( J/ }; M3 H+ Z0 t4 _( x
纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。

# {$ B  m* Q- P5 j( K) C9 E- c
The Mesmerizer



! A, B+ p# _5 r7 F" v  g, }' @在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。
6 q6 }5 t+ m. c# b
Burn
+ `7 R' _# p) ^- C) u5 P

  S& j/ `0 |7 K0 @
在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。

# @( ?3 E7 s0 nCheloniidae Live

) ?' W- a1 J# n) i# t6 Y# d
1 [3 F1 u, l7 y! _) A" G0 Z
1 \* x7 f# g+ O% s. Y1 t9 N9 G- B) o也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。
0 ~4 t# U, a6 j, M) [2 [
6 P% T7 B# f+ H4 r4 N4 ?
Canvas 3D engine



) y% X; J8 t- J$ T: r( v0 G一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。


  {2 Q) e" k0 B; F/ K$ ?2 IBomomo



/ ~5 _' w4 p- H  s) J9 E" s. f' t  g很值得一试。
* d& R4 ]5 [  n- ?! s* N

DDD

* \. j) q+ C+ W6 b

这个交互动画也很有趣。


+ z9 n& I4 y% a+ |1 s6 m# fPlasma Tree

! i1 \4 K' X7 J: E. d7 w

非常阿凡达。

绿豆雪糕

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