趣味小应用:用HTML5消磨时光

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/

译文链接:http://www.comsharp.com/GetKnowledge/zh-CN/TeamBlogTimothyPage_K1013.aspx

时间: 2024-10-03 21:30:17

趣味小应用:用HTML5消磨时光的相关文章

用HTML5消磨时光

HTML5 渐入佳境,它强大的功能正被逐渐挖掘出来,各种实验性应用层出不穷,本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小应用,它们非常有趣,我刚刚在它们身上消磨了两个小时.当你体验完这几个小应用,会发现 HTML5 比你想象的更强大. Sinuous 在浩瀚的星系间履行,小心装上些红色的星球,绿色的星球可以吃掉,可以增加体能. 开始体验 >> Bakemono 鼠标在页面空白位置点击,这个小怪物会扑过去. 开始体验>> Keylight 我太喜欢这个小

近日农行网银与东方财富网携手推出减压趣味小游戏e财攻略

摘要: 近日,农行网银与东方财富网携手推出减压趣味小游戏e财攻略.以轻松理财为目的,通过简单.趣味性强的小游戏,植入网上银行投资理财.网上购物模拟交易体验环节,激发消费者网 近日,农行网银与东方财富网携手推出减压趣味小游戏"e财攻略".以轻松理财为目的,通过简单.趣味性强的小游戏,植入网上银行投资理财.网上购物模拟交易体验环节,激发消费者网上理财兴趣. 据介绍,只要拿起手机下载免费游戏应用,或者电脑登录活动网址,通过趣味.休闲的"金e顺小达人" 驾驶飞船执行搭金币任

农行网银与东方财富网携手推出减压趣味小游戏e财攻略

摘要: 近日,农行网银与东方财富网携手推出减压趣味小游戏e财攻略.以轻松理财为目的,通过简单.趣味性强的小游戏,植入网上银行投资理财.网上购物模拟交易体验环节,激发消费者网 近日,农行网银与东方财富网携手推出减压趣味小游戏"e财攻略".以轻松理财为目的,通过简单.趣味性强的小游戏,植入网上银行投资理财.网上购物模拟交易体验环节,激发消费者网上理财兴趣. 据介绍,只要拿起手机下载免费游戏应用,或者电脑登录活动网址,通过趣味.休闲的"金e顺小达人" 驾驶飞船执行搭金币任

美国电影独立当道:小成本影片正在美好时光

2007年,欧美影评人提到本年度小成本影片的成绩之时,还在用"糟糕的一年"来总结,那个时候无数小成本作品拥挤到夏季档上映,几乎为视觉大片当起了票房分母.但在全球经济危机的阴霾下,情形却忽如一夜地被恍然扭转.2009年美国电影的逆市繁荣,很大程度要归功于一些投资不到4000万美元的电影, 它们打动影迷的同时也在经典的名单上占上了一位. 营销手段催生票房春天 小成本电影在2009年终于攻占票房,华纳影业带来的<宿醉>,以3500万美元的制作成本收回了2.77亿美元的票房:索尼推

上天入地不过弹指瞬间 小游戏伴你无聊时光

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;   硅谷网12月14日讯 据悉,现代年轻人(16-25岁)最经常去的地方有三个:学校(公司).家里.互联网.没错,互联网以一种不可磨灭的方式进入到现代人的生活之中,不管是谁,都没办法摒除互联网对人们生活的影响,互联网这张"网","网"住了太多的人. 一朝结识"小游戏" 从此"无聊"是路人

DIY趣味小游戏 《超级英雄脸》上架

今年夏天,由于Marvel惊奇漫画的一部电影< 复仇者联盟>,而掀起了一股狂热的超级英雄风.还记得电影最后,美国街头人们开始陆陆续续的购买英雄的周边产品,模仿英雄们,也表达了对他们的肯定以及敬意.开篇说到这些,是因为今天上架的一款小游戏<SuperFaceHeroes>,笔者直译为超级英雄脸,便和自己DIY成为超级英雄有关.这是一款英文小游戏,当然不知道是不是因为受到了电影的启发而制作.<SuperFaceHeroes>这款游戏主打的并不是画面,但是游戏的核心是主角DI

消磨时光的古怪应用:你到底爱不爱我

随手摘一朵花瓣数目繁多的雏菊,心中默默想着一个人,一边将花瓣一片片地撕下来,一边口中默念爱我?不爱我?.这样的事情怕是许多女生都做过,即使没做过,那在电视上也一定看到过不少类似的桥段.每次看到这样的场景时有没有为那些被摧残的花朵默默地惋惜心疼,有没有为绿色的大自然扼腕叹息?现在一款名为Love Me Or Not!的软件让您不必再有这些小伤感和小忧愁.<Love Me Or Not!>软件截图打开软件,输入你喜欢的那个人的名字,一朵花瓣繁茂的雏菊就出现在了你面前.而你要做的就是将这些花瓣一片片

消磨时光的好帮手 《和风物语》总攻略

初手必备大分县的别府温泉.富良野的薰衣草田.东京的迪斯尼乐园,当然还有不得不说的富士山.浅草寺.如果你想看看这些美景而又苦于没时间没钱,不 如下载<和风物语>来感受下日本的氛围.和风物语的英文版叫做<JapanLife>,意在让玩者感受日本的民生民俗.这里的一草一木,每一条道路,每一个景观,都由玩家来亲手打造.如果你喜欢这一类经营策略类游戏,就来感受下它的魅力吧!和风物语[和风物语]和风物语基本简介初手必备进入游戏后,会有一只名叫Monggi的小猴子教你如何在这个度假胜地建造自己的

趣味小题-你们知道这本c++程序设计第一页的黑点的意义吗

问题描述 你们知道这本c++程序设计第一页的黑点的意义吗 如图如图如图如图如图如图如图如图如图如图如图如图如图如图如图如图如图如图如图如图如图 解决方案 代表了像素....天天面对的 解决方案二: 代表异议