令人难以置信的HTML5 动画效果

Web前端34.5K阅读模式

HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。

Tunnelers

令人难以置信的HTML5 动画效果-图片1

纯 JavaScript + HTML5 Canvas 生成的交互动画,难以置信。

The Mesmerizer

令人难以置信的HTML5 动画效果-图片2

在格子中移动鼠标,颜色随着改变并扩散到周围的格子,很迷幻。用鼠标点四角的格子,或按键盘,可以看到更奇妙的效果。

Burn
令人难以置信的HTML5 动画效果-图片3

在页面上移动鼠标,或按下鼠标,这样的效果,很难相信是浏览器原生的。

Cheloniidae Live

令人难以置信的HTML5 动画效果-图片4

也是基于纯粹的 JavaScript,不过使用了一个 JavaScript 库。很有趣,你可以通过修改其 JavaScript 代码实现自己的效果(可惜被墙了)。

Canvas 3D engine

令人难以置信的HTML5 动画效果-图片5

一个基于 Canvas 的 3D 引擎。目前只支持预设的图形,纹理及基本交互功能。

Bomomo

令人难以置信的HTML5 动画效果-图片6

很值得一试。

DDD

令人难以置信的HTML5 动画效果-图片7

这个交互动画也很有趣。

Plasma Tree

令人难以置信的HTML5 动画效果-图片8

非常阿凡达。

本文来源: queness.com 8 Simply Amazing HTML5 Canvas and Javascript Animations

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  3  访客  2  作者  1
    • 从零开始
      从零开始 1

      太帅了 html5 真v5啊 赶紧普及吧

        • 知更鸟
          知更鸟

          @ 从零开始 消灭IE6,还有IE7/8,IE9还不知什么鸟样,估计我这辈子是看不到了

        • 网虫的家
          网虫的家 0

          最后一个不错,把我浏览器弄崩溃了

        匿名

        发表评论

        匿名网友
        :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

        拖动滑块以完成验证