【转载】一些有趣的html5网站

标签: HTML5前沿技术 | 发表时间:2012-05-10 20:50 | 作者:HTML5研究小组
出处:http://www.mhtml5.com
原文地址: 一些有趣的html5网站 作者: OnlyCristiano
支持的浏览器有Chrome,Firefox,Safari以及搜狗2.0高速模式下

http://onecm.com/projects/canopy/
很美的一棵树,空格控制开始暂停,n是重置,m是设置分叉是否改变形式,b是控制是否长叶子,a是显示说明。

http://balldroppings.com/js/
用鼠标划线挡住掉下来的球,画好的线可以点击边缘拖动改变方向,根据小球的速度大小会有不同的音调,用一堆线条就可以作曲了。ball drop rate 是调节小球掉落的频率。gravity是重力大小。

http://experiments.instrum3nt.com/markmahoney/ball/
一个可以随便扔的小球。

http://the389.com/experiment/
用鼠标制造波浪。

http://mrdoob.com/projects/chromeexperiments/google_gravity/
搞怪的Google,你可以随便拖拽掉落的框框,最后输入框还可以输入文字哦。

http://www.chiptune.com/starfield/starfield.html
鼠标控制方向,星空。

http://deanm.github.com/pre3d/monster.html
不断变形状的物体。

http://bomomo.com/
能够轻易画出美丽的画面,鼠标左键点击就会留下颜色,下边两排切换不同的工具。

http://mugtug.com/sketchpad/
一个绘图工具。

http://mrdoob.com/projects/chromeexperiments/ball_pool/
鼠标左键点击就会飞出很多东西。

游戏类:
http://www.watersheep.org/~markh/html_canvas/game.html
超级玛丽那样的游戏,上下左右,空格是跳。

http://reas.com/twitch/
这东西搜狗不能正常玩,用鼠标控制方向令球到达终点,但是搜狗只能显示一个关卡。

http://www.yvoschaap.com/chainrxn/
鼠标左键点击放出一个圆形,如果其他小球撞上了也会变成一个圆形,尽量让最多的小球撞上。

http://www.xarg.org/project/chrome-experiment/
移动鼠标去碰红色方块,并且要避开黑点,每碰一次方块多一个黑点。

http://www.kevs3d.co.uk/dev/asteroids/
搜狗加载不正常,chrome等浏览器正常。控制战机打陨石和飞碟等。

http://jsdefense.sourceforge.net/塔防游戏,点NEXT,点NEW GAME然后选难度开始玩。Change music theme是改音乐。

http://www.somethinghitme.com/projects/canvasinvaders/
FC年代的游戏了。

相关 [html5 网站] 推荐:

推荐10个HTML5游戏网站

- ZB - cnBeta.COM
原文作者Julio Rivera是一名来自纽约市的创意总监和网页设计师,他是Underworld Magazines的创始人. 到现在为止,我玩了好几年的在线游戏. 我已经看过用Flash和其他软件制作游戏,目前是在用HTML5做游戏,只看到一个完整用CSS3做的游戏.

30个使用HTML5的网站实例

- Amo - HTML5研究小组
从众多的文章,事件和有关这个最新的HTML标准版本的嗡嗡声中,HTML5确实站住了脚. 一些使用HTML5技术的网站骄傲地展示了他们的官方logo,并标注了他们的态度“从现在开始,支持未来”. 因此,为了支持这一切的关注和技术,我们决定收集一个新的列表,来展示使用了HTML5的网站.

【转载】一些有趣的html5网站

- - HTML5研究小组
原文地址: 一些有趣的html5网站 作者: OnlyCristiano. 支持的浏览器有Chrome,Firefox,Safari以及搜狗2.0高速模式下. 很美的一棵树,空格控制开始暂停,n是重置,m是设置分叉是否改变形式,b是控制是否长叶子,a是显示说明. 用鼠标划线挡住掉下来的球,画好的线可以点击边缘拖动改变方向,根据小球的速度大小会有不同的音调,用一堆线条就可以作曲了.

45个HTML5网站设计实例

- - HTML5研究小组
网页设计师和前端架构师都清楚的认识到HTML5对于现在网页设计中的重要趋势. 通过今年各大浏览器的升级效果来看,更多的标准在趋向于新的技术. 我们不会再去让HTML5和Flash去比较. 现在移动端的普及已经让局面越来越明显起来. 相信在未来HTML5将有更快更强的发展趋势. 今天我们分享出了45个通过运用HTML5来设计编写的网站,你可以从中看到新的技术和设计创意灵感.

使用HTML5监测网站性能

- - 标点符
在这个信息爆炸的互联网时代,越来越多的人缺少了等待的耐心,网站性能对于一个网站来说越来越重要. 以下为监控到的网站打开时间对跳出率的影响:. 当网站打开时间在0-1秒时,跳出率为12%. 当网站打开时间在1-2秒时,跳出率为26%. 当网站打开时间在2-3秒时,跳出率为30%. 从上面的数据很明显的可以看到网站的打开速度对用户体验或者网站信任度的影响会产生多大的影响.

HTML5:新闻网站的新选择

- - HTML5研究小组
HTML5是HTML语言的更新版,被业内公认为是近十年来 Web 标准最大的飞跃,将成为下一代的Web语言. 随着新技术的发展,移动阅读已经成为一种不可逆转的趋势. 智能手机、平板电脑则上升为人们接触媒体、阅读新闻的首选. 在这样的背景下,新闻网站面临两难选择:. A选项——继续把原有网站做好,吸引用户浏览.

HTML5 Web Speech API,让网站更有趣

- - SegmentFault 最新的文章
Web API 变得越来越丰富,其中一个值得注意的是 Web Speech API. 传统的网站只能“说”,这个API的出现,让网站能“倾听”用户. 这个功能已经开放了一系列的用法,非常棒. 在这篇文章中,我们将看一下这项技术和建议的用法,以及如何用它来增强用户体验的一些好例子. 声明:本技术比较前沿,目前该规范是W3C的“非官方编辑器的征求意见稿”(截至2014年6月6日).

HTML5网站大观:12个精美的 HTML5 个人网站欣赏

- Eros - cnBeta.COM
本期的 HTML5 网站大观要与大家分享12个精美的 HTML5 个人网站作品. HTML5 是现在Web开发领域的热点,更多的开发人员开始使用HTML5来开发交互性强、效果出众的Web应用和游戏. 希望这些 HTML5 网站实例能帮助大家更好的学习HTML5网站制作.

HTML5网站大观:10个精美的 HTML5 企业网站欣赏

- XcessLeo - 博客园-首页原创精华区
  HTML5 是现在Web开发领域的热点,更多的开发人员开始使用HTML5来开发交互性强、效果出众的Web应用和游戏. 今天,本文收集了12个精美的 HTML5 企业网站作品,让大家感受一下 HTML5 的魅力,一起欣赏. 本文网站选自html5awesome.com,如果您喜欢这篇文章,记得推荐和分享一下 :).