HTML5的一些的趣味小应用

2010-08-28 16:18:29 作者：网友来源：锐商企业CMS

HTML5 渐入佳境，它强大的功能正被逐渐挖掘出来，各种实验性应用层出不穷，本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小应用，它们非常有趣，我刚刚在它们身上消磨了两个小时。当你体验完这几个小应用，会发现HTML5 比你想象的更强大。

Sinuous

在浩瀚的星系间履行，小心装上些红色的星球，绿色的星球可以吃掉，可以增加体能。

开始体验 >>

Bakemono

鼠标在页面空白位置点击，这个小怪物会扑过去。

开始体验>>

Keylight

我太喜欢这个小程序了，在一个空房间，双击鼠标，会放置上一个小球，当放进两个小球的时候，一道粒子束在两个球之间撞击，并发出悦耳的声音，随着小球的增多，粒子束在每个小球之间穿梭撞击，离你越近的小球，声音越清脆，音调越高，这样就形成了连续的音乐。

开始体验>>

Blob

一些果冻样的东西，会滑向你鼠标点击的位置，在果冻球体中间点击，会将它扯成两半，它们在到处滑动的时候，还会再溶合到一起。

开始体验>>

Magnetic

也是我最爱的一个小程序。鼠标在夜空中双击，可以创造一颗恒星，同时创造出十几颗卫星绕着它转，你可以创造很多这样的恒星系，当它们中的某些靠近到一起形成质量比较大的恒星系的时候，可以吸引更多的卫星绕着它们转。

开始体验>>

Trail

五颜六色的彩带，随着鼠标飘动，鼠标不动的时候，便围着鼠标箭头旋转，非常简单，但很流畅，视觉效果很漂亮。

开始体验>>

Particle Depth

很 Cool 的三维效果。

开始体验>>

Wave

水面随着鼠标形成波浪，水面的浮球也随着沉浮，效果非常棒。

开始体验>>

Particles

粒子在屏幕上飘动，遇到鼠标的时候膨胀。

开始体验>>

译者注

这组 HTML5 实验应用加载速度非常慢，初以为是 HTML5 本身性能的问题，研究过源代码才发现，原来页面上调用了 Twitter 的饰件（http://platform.twitter.com/widgets.js），因为世界上压根没有 Twitter，我们早就知道，但这些网页不知道，所以还傻傻地去连接，浪费了大量的时间。使用 Godaddy 的服务器测试，每个页面大约需要 0.2 秒就打开了。有人说，他们代表先进生产力。

本文素材来源：http://hakim.se/experiments/
中文编译来源：锐商企业CMS 网站内容管理系统官方网站

相关热词：HTML5

分享到：

更多...

收藏至我的帐号

教程排行榜: 神奇的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...