首页 > Nets Diary > 7款HTML5 Canvas DEMO

7款HTML5 Canvas DEMO

2010年6月26日 Surda 发表评论 阅读评论

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

Tunnelers Demo

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

The Mesmerizer

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

burn-canvas-test.html


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

Canvas 3D engine

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

Bomomo

很值得一试。

DDD

这个交互动画也很有趣。

Plasma Tree

非常阿凡达。

本文国际来源:queness.com 8 Simply Amazing HTML5 Canvas and Javascript Animations(原文作者kevin

PS:有一款DEMO被墙,所以这里推荐7款。

ShareOn:
  •  
  1. confesser
    2011年1月31日17:59 | #1

    Very intresting! The latest competition of building high performance javascript engine enables web developers to write incredible applications than ever before. See this project http://code.google.com/p/jsc3d/. It is an online 3d viewer using only canvas and javascript.

  1. 2011年12月3日17:56 | #1