用 HTML5 消磨时光
来源:互联网 发布:c语言程序员 编辑:程序博客网 时间:2024/05/19 02:21
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消磨时光
- 开博写文章,消磨好时光
- 消磨时光的 15 个网站
- 时光会消磨一切 之 PXE 配置
- 别让时光---消磨你美丽的脸庞
- μWave——自动帮你消磨时光的微波炉
- 时光
- 时光
- 时光
- 消磨的八月
- 是什么消磨了昨日
- 休闲时光(mmexplorer) 2001 怎么用
- HTML5+CSS3+Jquery实现纯手工的垂直时光轴【附源码】
- 的时光三等功时光
- 用寂寞的时光,来强大自己的内心
- 阅读时光:用你的缺点做策划
- 躺在夏威夷 用一百种方法挥霍时光
- Web 2.0应用客户端性能问题十大根源
- struts令牌机制
- Pb程序连接sql 2000和2005数据库的问题
- Android如何在Activity和Service之间传递数据
- 本文结合大量实例阐述如何编写一个shell脚本
- 用 HTML5 消磨时光
- locating mfc90d.lib
- CSendUi短信操作
- 服务器端编程的十大性能问题
- 系统名片夹的操作
- linux自学之旅_新增驱动步骤
- 大家好
- 大家好,多多帮助
- VC/MFC类向导ClassWizard的Parsing error错误