TA的每日心情 | 奋斗
昨天 14:14 |
|---|
签到天数: 2401 天 [LV.Master]伴坛终老
|
HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。Tunnelers
& u& _0 @! j% F2 x* R$ O3 [# X. _! P& n Y1 u
![]()
& t1 K7 k3 D) W8 M
* M& k% V, C8 h3 n% o; ^纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。5 a& O. u( d0 U- q2 B' h. H, l: P
7 p6 ~+ a. K" B J. U8 K
9 p' w5 R: v! A$ w" Z C
The Mesmerizer
: c+ t+ ~0 s; ^4 U) _, S! z: Q& ~! k
![]()
; p8 @- e- W1 f% V4 e
" S- m, G& W/ D在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。, k1 x# v2 p% n
' u+ e; p6 {0 G% k) C7 w T; D* a' t
Burn x/ S! E* m" `6 r7 l* r
![]() , m1 v4 Z+ l6 c4 _- W& P
* b9 a7 a7 h, f0 \: w6 D) t
# ^, M; o. \/ T9 g2 |2 G4 c在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。
. U; p6 p0 G9 X5 a1 d
8 S! V ~( v* l5 _4 j |Cheloniidae Live
4 y1 i |) W% v" c) [* o" T1 {1 J& ]
' s" U0 X- @- [4 q( @: {- Q![]()
' n1 A, r+ d1 m7 j) i& r: ]/ P' s( B! r* M+ l
也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。
' p. z. _# `7 B( j3 m( y
0 X- p6 P! \0 T& a* k9 J; w
@; ~! N6 q2 r7 QCanvas 3D engine
% G7 l1 U# m6 L6 B# Z8 s/ Z# |
/ M1 X# n6 U6 L& W% O! ^![]() N4 ?$ F: ^) u p
& O- D. x5 n" R. i# h, W/ P4 b一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。
# R; U; @3 {8 @8 j3 R( k/ \! h6 T/ |, R4 B
' p% D F. _7 B$ i/ j( n2 D
Bomomo7 P' V/ z& A( i- e5 ]
0 C" x( Y2 k) r5 S: Q3 X8 r9 H![]()
! \1 [* H0 O) J* J2 i% Z8 o" j# Z/ x8 {4 h) T, W7 n
很值得一试。1 O( y) X& j- R+ h
5 @4 g+ S( U% V4 e- Y; W2 C
) |) M8 @4 Z8 b3 P6 o
DDD
% U: G1 R( P2 Z
, @+ D. S# d, g. q![]()
5 f$ _. `0 z6 r0 `1 V& k; y7 A
- I- C* N( ~, a9 q2 @这个交互动画也很有趣。# ?. F9 R) G- E+ t: h8 Z
; a) c, a7 q& p; |: h" n2 q
6 C/ I, F. |; b& DPlasma Tree' g2 x" @$ P3 [2 C1 n% |: A2 @
W' D, U. W8 Q![]() - N: s! Y# E1 H. b# }- y( B
* G' t) e. @, ?非常阿凡达。 |
|
/1 
IP卡
狗仔卡
发表于 2010-6-28 14:49:28
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
分享
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
发表于 2010-7-22 10:35:25