下沙论坛

 找回密码
 注册论坛(EC通行证)

用新浪微博连接

一步搞定

QQ登录

QQ登录

下沙大学生网QQ群8(千人群)
群号:6490324 ,验证:下沙大学生网。
用手机发布本地信息严禁群发,各种宣传贴请发表在下沙信息版块有问必答,欢迎提问 提升会员等级,助你宣传
新会员必读 大学生的论坛下沙新生必读下沙币获得方法及使用
查看: 4127|回复: 1
打印 上一主题 下一主题

你从没见过的 HTML5 动画效果

[复制链接]
  • TA的每日心情
    擦汗
    3 小时前
  • 签到天数: 2263 天

    [LV.Master]伴坛终老

    跳转到指定楼层
    1
    发表于 2010-6-28 14:49:28 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    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
    非常阿凡达。
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 顶 踩 转发到微博

    该用户从未签到

    2
    发表于 2010-7-22 10:35:25 | 只看该作者
    不好意思,说实话我在csdn上见过
    回复 支持 反对

    使用道具 举报

    本版积分规则

    关闭

    下沙大学生网推荐上一条 /1 下一条

    快速回复 返回顶部 返回列表