TA的每日心情 | 擦汗 3 小时前 |
---|
签到天数: 2263 天 [LV.Master]伴坛终老
|
HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。Tunnelers: N* p g4 p8 G1 z, I
?9 Y8 t# V) k3 w3 t# t
! }% M7 o2 b& q3 e6 [/ t* G3 a; k* }5 r! e8 U& I) v' k$ h
纯 JavaScript + HTML5 Canvas 生成的交互动画,难以置信。0 s9 e& A7 c; l+ l( v
0 W. P3 e, o2 A% p% Y% ~0 y
5 F( W. V" Z0 W& x! T- P1 d/ O
The Mesmerizer9 n& \% M5 y4 o( n" w
( [, l, t) {+ K' I0 R4 v
9 g) N6 J& C, M: [: w/ z1 _6 d( ^# {* c7 [2 ?7 ?% h3 k/ E$ T1 c
在格子中移动鼠标,颜色随着改变并扩散到周围的格子,很迷幻。用鼠标点四角的格子,或按键盘,可以看到更奇妙的效果。& R! ?" q; `; i7 ~1 T( @- L9 U
8 _3 @4 W0 ?; T+ `0 d
Burn
8 V' v2 A: ?1 r% R5 h1 F: e8 Z; P5 i
7 _" t+ d Z: U$ S8 D; |9 A
& F( a! ?+ R4 T! U" B/ d$ G
5 v( R7 N% K$ Z/ v在页面上移动鼠标,或按下鼠标,这样的效果,很难相信是浏览器原生的。
g: \& M6 A) U0 S! l; a/ g! @ Y7 F x8 K4 `
Cheloniidae Live
' V4 z+ d& i; B8 R7 T3 s: K# s" C6 P! h7 n6 J
4 H, \* C+ Q1 Z b- n
& L0 E: F' V+ }, | O! ^也是基于纯粹的 JavaScript,不过使用了一个 JavaScript 库。很有趣,你可以通过修改其 JavaScript 代码实现自己的效果(可惜被墙了)。
) D" i* A, A f8 f: ?. j, {$ w/ {
+ y: t3 K6 ^) `' h; zCanvas 3D engine
4 g5 r" U( @5 Y& Z; W& e! X: ~' m6 C# S" d/ |( u r
( \8 G% u5 P* w& B' ~7 J: P6 I
, E N2 z" A' u" B4 [ X( h% C
一个基于 Canvas 的 3D 引擎。目前只支持预设的图形,纹理及基本交互功能。& Y" r$ K! J' k8 W4 i
* M+ K& {( n6 g9 r) ^# Q% ~% ~/ S$ R+ g& B
Bomomo
1 u7 D" Z7 g& P2 L4 X4 N* g1 T8 E# N! B) s5 B7 ?, e9 R
, A8 C* M$ Y+ v+ w; y" A1 @7 R6 }! [' M* g8 X( A6 F
很值得一试。7 d* P4 H! j4 ~* v1 T {+ R2 v& W0 U
9 m8 r8 [( V. l; {( c% g
% a( V# ]6 i) A2 }DDD0 I! x2 w$ F. l, Y2 s! e
* s! x& A8 z% u6 E `! B* k0 a: s
7 U5 {) `/ a* _$ O) y) A: Q
8 F a' F- e$ E! v# W8 u$ T这个交互动画也很有趣。! I4 u6 F/ I# H: A$ D
4 J" Z0 d3 Z2 c$ |3 a3 _- ~5 S& f4 m' h0 Q
Plasma Tree4 W3 K- Z2 Z, f% A$ u
, J! o9 X+ v6 g* ^* y& F6 s4 X
. q, O1 s% Z0 P- M& U. u8 a( z
$ K% o s- P8 _8 g# U非常阿凡达。 |
|