标签归档:HTML5

Html5游戏合集-Z-Type

这是个练习打字的小游戏,画面、音效方面都很精致,游戏类型有点像我们以前玩的TT。。。由于使用了html5标准,IE9.0以下浏览器无法正常访问,再次呼吁大家,或升级或更换自己的浏览器吧。。。

Html5游戏合集-Z-Type

传送门 http://www.phoboslab.org/ztype/

炫丽的HTML5模拟自然景观-Canvas Cycle

单不说其应用的技术,就说它表现出来的效果,已经让我们叹为观止,网站用HTML5标准制作了各种如梦如幻的自然景观,同时配有相应的音效,更加感觉身临其境,此乃绝对的值得大家收藏的经典趣站。。。

炫丽的HTML5模拟自然景观-Canvas Cycle

传送门 http://www.effectgames.com/demos/canvascycle/

HTML5样式的噪波背景图片下载-NoisePNG

HTML5网站已经渐渐进入我们的视野,对于站长来说,可能还要尝试着制作它。html5网站的界面都有些特点,比如文字阴影、圆角、滑动按钮等等,有些网站还用噪波图片来用做背景,这样,看起来很有质感,今天的这个网站就可以生成噪波PNG透明图片,你可以自定义噪点大小、密度、透明度等,下载的PNG图片平铺即可。。。

HTML5样式的噪波背景图片下载-NoisePNG

传送门 http://noisepng.com/  

玩过HTML5版的数独游戏吗?-Sudoku puzzle

也许今天的这个网站更值得网页编程人员的关注,网站用html5、javascript共同编写了一款数独游戏,风格极具html5的感觉,各种效果和flash不相上下。。。游戏还提供在线保存功能,这样,下次进入网站时只需读取一下就可以继续玩了。。。

玩过HTML5版的数独游戏吗?-Soduko puzzle

传送门 https://sudokubum.com/

方法

进入网站后直接进行游戏,网站右上角依次Save保存、Load读取、Import导入、Export导出、Share分享,基本上点一下就知道什么意思了。。。

网友古海岸遗址提供趣站

同类开网站,留着备用

Sudoku官网 https://sudoku.com/ 支持中文,随时开玩!(网友kentmars提供)

基于HTML5的在线画图工具-CanvasPaint

Windows画图可能是MS最鸡肋的附件了,但高手们似乎总是用它来展示自己的技术,今天这个网站用时下流行的HTML5技术仿制的Windows画图程序,界面就是同一个模子出来的,虽然操作上有些别扭,连作者自己都说这不是很好的在线画图工具,只是想测试一下< canvas >标签的应用而以。。。

基于HTML5的在线画图工具-CanvasPaint

传送门 http://canvaspaint.org/

另类浏览体验之互动MV-The Wilderness Downtown

为了展示出HTML5的威力,站长们是煞费苦心啊。。。这不,一个强大的具有互动体验的MV网站诞生了,首先,网站在chrome下支持最好,其实反正不是IE内核的浏览器都可以的。。。网站的MV效果比较像恶意网页,忽然开了很多窗口,其实不然,那是这个MV的特点,多窗口切换演示,结合Google地图、街景等丰富的元素,看起来炫极了。。。

另类浏览体验之互动MV-The Wilderness Downtown

传送门 http://www.thewildernessdowntown.com/

利用浮云在天空作画-Klowdz

近期发布的网站,用到html 5技术的越来越多,有必要向大家(不含站长)解释一下,我们可以把html5简单的理解为是一种新的网页编程标准,目前为止,最大的特点就是IE及IE内核的浏览器无法正常访问-_-!像今天的这个网站,如果要想正常访问的话就得下载安装firefox、chrome等浏览器,不然会很杯具。。。

这是一个充满丰富想像力的网站,通过一张蓝天白云照片,将你联想出来的东东用画笔画出来,最后保存到电脑或发布到网上分享。

利用浮云在天空作画-Klowdz

传送门 http://www.klowdz.com/

在线预览本地电脑里的字体-WordMark

这是一个实实在在的、好用的在线工具,通过这个网站,我们可以方便的自定义文字来预览本机所安装的字体,再也不用一下下的敲键盘来选择字体啦。。。网站还提供标记功能,把满意的字体选中,省得忘了是什么字体了。。。

在线预览本地电脑里的字体-WordMark

传送门 http://wordmark.it/

检测你的浏览器对HTML5的支持情况-The HTML5 test

前面的话:一直以来,对这种技术型趣站我总是轻描淡写,因为我对编程只知皮毛而已,讲多了怕误人子弟,而今后,也将如此,如果大家想深入了解的话,请自行找百度GG,谢谢。。。今天的这个网站,可以检测你的浏览器对未来互联网开发技术的支持情况,HTML5标准做为主力军,浏览器是否很好的支持它也就成为了衡量的标准。当然,不支持也没关系,毕竟,这是我们12年后才要去想解决的事情。。。

检测你的浏览器对HTML5的支持情况-The HTML5 test

传送门 https://html5test.co/