你从没见过的 HTML5 动画效果

煎饼

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


纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。
" k% V6 _, }8 m, [

The Mesmerizer
0 T( r& |9 [. n' _) O+ L

1 ~1 @* b  ?4 \% S" C* h1 K$ j
8 l7 }  [5 p8 A8 T& V, ]  w  C在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。

$ e7 M4 g, q$ k0 FBurn
' V- f% C, ]6 f: \$ Q, U
/ g. \+ N: k, K/ A7 g
1 {5 f& {$ ^" q% N3 {  X
: Z) q6 g/ [3 t6 @在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
: O. E( m8 h: M; V% j
3 U% v/ l5 f9 V5 D9 YCheloniidae Live
# C: Q, A( h& T+ P% }; G
7 k# x; e6 e) X

; Y7 c7 s$ }; q% U# R也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。


Canvas 3D engine
8 Q/ t% f8 c- }5 Y4 i/ A

3 B9 W( R) i8 L  l) R. M/ g
7 |0 A& U4 s# [. z3 p8 {- R一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。

( f$ j! e. y" ~
Bomomo


, w: ?5 Y  t1 e9 }% _" N. p( c
* g. q2 j$ Y7 b2 x很值得一试。

! ~8 x# H; ~% X7 K
" g6 f7 X  S# w1 \: p! X+ \" IDDD
9 _: V- }& z# x; V" f8 k- i5 N8 K


这个交互动画也很有趣。

/ e4 U/ c4 C& |, y9 A0 T
0 @' H: \7 V4 Y0 n0 p' |' ]( MPlasma Tree
9 e9 o& V8 Y0 h$ Y! R

: y2 x* z3 u! k4 n5 v; T0 [# H
1 h: f" Y) z, W! y0 F: g非常阿凡达。

绿豆雪糕

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