15个令人震惊的HTML5实验

标签: 资料报告 HTML5 | 发表时间:2011-09-20 13:20 | 作者:P迪 Jessica
出处:http://www.alibuybuy.com

除非你一直在岩石下生活,否则你不会没听过HTML5。现在几乎到处都有HTML5的身影,这得益于苹果公司前CEO 乔布斯和很多开发人员的推广。Sonia Tracy 收集整理了15个令人振奋的HTML5实验。提示:如果无法查看这些实验,请更新你的浏览器。

1. Canvas Cycle

艺术家Mark Ferrari 和 编码师 Joseph Huckaby的共同合作,这是一幅华丽动人的自然风景画,如冬日的森林,海景和山脉。他们看着这美不胜收并具有音效的图片,心旷神怡。如果你想从工作中获得片刻的轻松,这些照片可以瞬间融化你的紧张感。

2. Google Gravity

另一个来自于Mr.Doob的惊人之作,这比第一个的互动少些但是仍然十分棒。它提供了谷歌搜索主页的基本的副本。但是当你点击光标让整个页面开始“下滑”直到底部。谷歌标志作为一个迅速刷新页面的链接,这对那些讨厌谷歌的大公司来说是个很有意思的游戏。

3. Canvas Trees

这是有Kenneth Jorgenson创制,这可能是唯一一个地方你能够看到这种句子“刷新会有更多美味的树”。正如所说:你可以点击网站,然后它会带你到一个白色的背景。当开始计算程序中有多少分支时,黑色墨水绘制的树开始成长。你可以不断地刷新,只要你愿意。

4. Magnetic

这是另外个有意思又可供你娱乐的小东西。你基本以一对“磁铁”开始,这可以在屏幕上拖动。些许微粒光束围绕着它,如果你移动它可以改变他们的形状。如果你想要更多的磁铁和微粒,只需双击并拖动他们到任意地方。是的,他们都是有关磁铁和微粒。

5. Celebrity Earnings Graph 名人赚钱图表

想知道一个电视名人每集节目赚多少?这是个很酷的小图能显示成堆的彩条,它们代表每一个特定特定的名人(或像 Charlie Sheen). 这是 Daniel Rapp诸多项目中的一个。

6. Canvas Ribbon

Paul Truong 开发了这个有趣的应用,能够让你通过不停地移动在屏幕上绘制多色彩条。它能使形状和设计都十分漂亮。你所需要做的只是在屏幕上拖动。

7. WebGL Water

这还有一个很酷的演示,使用了革命性的WebGL(基于Web的图形库),在谷歌chrome上效果最好。在演示中,你可以荡起水中的涟漪,或拖动球体移动它,然后按某些键盘键设置光线的方向和切换重力,所有的都是见证如何在环境中灵活地移动目标。

8. Chrysaora

另一个由WebGL提供的令人惊异的演示,在这你可以看到一群非常漂亮活泼的水母在水中游动,梦幻般的阳光洒向书面。见证HTML5和WebGL所带来的网络生活,最好用谷歌Chrome浏览。

9. Voxel Rain

Voxel rain 意味着3D多色箱降成一个旋转的大块。这就像展示20世纪90年代的计算机,现在涉及到Web浏览器,利用HTML5的能力,互联网中最明亮的时代不会太远。

10. HTML5 文本效果

通常我们网页设计师不知道HTML5在Web排版突破上到底能给我们带来多大突破,并给你演示答案,比以往任何时候都跟多!你可以选择见证立体效果、霓虹灯效果,甚至移动的霓虹灯效果,未来的网页排版全在HTML5控制中。

11. 旋转的 HTML5 Logo

我Hold不住了,它旋转、旋转……这很酷。

12. 3D绘图

厌倦了2D基本HTML绘图服务吗?简单地画条线,然后向左或者向右移动,你将会看到你的旋转3D透视图。3D绘图与HTML5的结合不会更复杂。

13. mta.me Conductor

mta.me Conductor 通过涌现的点不断移动形成线,当线相互“碰撞”时给予你灵感,他们会引发一些互动。这些都证明HTML5不仅仅是代码,而是互动,是网页对于用户的真正关心。

14. Doogle Gmail

一个有趣的射击类型游戏,但主角是Gmail!就像经典的射击游戏,你获得生命、得分和全能的激光束。可能一个潜在的演示展示HTML5作为游戏的能力小心,Flash。如果还想玩其他HTML5 游戏,这里有10个HTML5游戏网站

15. W Pilot

这是一个上瘾的游戏,它应该是非法的。严重的是,一旦你登录到他们的服务器,你将要玩几个小时。你基本上是到处乱飞拍摄的东西,同时避免由其他球员出手。它很简单并具有可玩性,允许多玩家操作,现在很受欢迎。

译文出处:伯乐在线 - 职场博客程序员
译文链接:http://www.jobbole.com/entry.php/1433
原文:Sonia Tracy 翻译:敏捷翻译翦丹

 


© 推荐 for 互联网的那点事, 2011. | Permalink | One comment | Add to del.icio.us
Post tags:

你可能也喜欢:

8个很酷很有用的 HTML5 应用程序

HTML 5 令人期待的 5 项功能

HTML5 vs Mobile App 谁将是主流

Google 协同 Arcade Fire 展示 HTML5 互动电影

25个让人惊叹的 HTML5 应用实验
无觅

Feed enhanced by Better Feed from Ozh

相关 [html5 实验] 推荐:

15 个令人震惊的 HTML5 实验

- MorrisC - 新闻 - LUPA开源社区
  除非你一直在岩石下生活,否则你不会没听过HTML5. 现在几乎到处都有HTML5的身影,这得益于苹果公司前CEO 乔布斯和很多开发人员的推广. Sonia Tracy 收集整理了15个令人振奋的HTML5实验.

15个令人震惊的HTML5实验

- Jessica - 互联网的那点事
除非你一直在岩石下生活,否则你不会没听过HTML5. 现在几乎到处都有HTML5的身影,这得益于苹果公司前CEO 乔布斯和很多开发人员的推广. Sonia Tracy 收集整理了15个令人振奋的HTML5实验. 提示:如果无法查看这些实验,请更新你的浏览器. 艺术家Mark Ferrari 和 编码师 Joseph Huckaby的共同合作,这是一幅华丽动人的自然风景画,如冬日的森林,海景和山脉.

17个使用Html5画布的实验

- - CSDN博客Web前端推荐文章
     Html5的canvas是一个最受喜爱并且功能强大的标记语言. 通过canvas元素,加上其他的html5新元素和javascript API,你能够创建出令人兴奋的动态图形和动画,并且仅仅是渲染在一个普通的网页上. 下面,你将见证关于Html5 Canvas元素的一些生动有趣的例子. Canvas Cycle:丛林和瀑布.

九个让人难以置信的HTML5和JavaScript实验

- firxiao - 博客园-首页原创精华区
  Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹. 我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果. 今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览.

25个让人惊叹的 HTML5 应用实验

- 依云 - 互联网的那点事...
如今,很多 Web 技术爱好者尝试使用 HTML5 来制作各种丰富的应用. 本文将列出25个让人惊叹 HTML5 应用实验,让你体验下一代Web技术的魅力,相信你看完这些例子后会对未来的Web发展充满无限期待. 以下例子来自Chrome实验室,可能需要特殊方式访问. (编译来源:梦想天空 原文来自:25 Great Examples Of HTML5 Power).

九个让人难以置信的HTML5和JavaScript实验

- Amo - HTML5研究小组
Google的 Chrome实验室 收 集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹. 我从未想过结合 HTML 和 JavaScript 能实现这么强大的效果. 今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议在Chrome浏览器中浏览.