首页 > 网页教程 > HTML > 正文

神奇的HTML5动画效果演示网站

2010-06-28 22:24:58 作者：不详来源：站长之家

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

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

The Mesmerizer

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

Burn

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

Cheloniidae Live

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

Canvas 3D engine

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

很值得一试。

DDD

这个交互动画也很有趣。

Plasma Tree

非常阿凡达。

相关推荐：

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

中文翻译来源：锐商企业CMS 网站内容管理系统官方网站

相关热词：HTML5 Canvas

分享到：

更多...

收藏至我的帐号

教程排行榜: 神奇的HTML5动画效果演示网站; 十款基于HTML5开发的精彩WEB应用(HTML5网站演示); 25个超炫的HTML5+CSS3网页应用案例欣赏; 十三个网站案例让你提前体验HTML5和CSS3的魅力; 15个采用HTML5实现的网站界面设计欣赏; 体验HTML5 Canvas对象的强大五款在线绘图应用示例; 16个颇具创意的HTML5网站设计; 网页设计师必收藏的十五个HTML5资源; HTML的电子邮件链接标签mailto用法详解; 21款效果惊艳基于HTML5的应用程序欣赏; 采用HTML5搭建的多个网站尝鲜试用; HTML5的一些的趣味小应用; 如何用HTML5制作网页？; HTML标签的语义化概念、意义和实践; HTML中的文本框textarea标签; 让IE和Firefox浏览器FLASH透明背景的方法

下载排行榜: 基于jQuery的超炫酷的3D切换JS幻灯焦点图特效代码; 半透明立体质感的宽屏flash+xml焦点幻灯代码; 简洁效果多图切换flash幻灯焦点图代码; 带标题和数字导航的JS焦点幻灯特效代码; 适合摄影网站超漂亮的宽屏flash+xml幻灯轮换代码; 31款简单实用的CSS+JS下拉菜单脚本; 3D立体效果金字塔环形旋转的flash+xml相册代码; 基于jQuery实现的瀑布流布局列表特效代码; 透明质感上下滑动带小图预览5屏JS焦点图幻...; 超酷的3D摩天轮flash+xml相册幻灯图片代码; 能沿多个方向滑动切换的jquery幻灯代码; 自带多种幻灯效果支持缩略图导航的jquery画...; 可改图片尺寸和张数的flash幻灯轮换代码; 很好看的带缓冲效果CSS下拉菜单导航代码; 基于jquery很有趣的360度全景图片预览特效; 6屏幻灯上下滑动式带缩略图和文字介绍的fla...