炫意html5
最早CSS3和HTML5移动技术网站之一

精选超炫html5网站收集

请使用最新版Chrome、Firefox、Oprea、Safari、IE9等支持html5的浏览器访问,部分网站属于国外资源。

1、html5经典塔防游戏

一款外国人编写的html5经典塔防,点击塔可以升级,可玩性极高!唯一的缺点是没有声音,推荐给大家~

官方网址:http://pivotfinland.com/frozendefence/

备用网址:http://www.html51.com/topic-demo-html5-game-defence.html

兼容情况:我使用google chrome最新版(15.0.874.106)有bug,敌人走到下面就不见了汗不知什么原因。IE9不能正常游戏,其他浏览器都是正常的。

 

2、MP3 Player——html5本地音乐播放器

不同安装音乐播放器也可以听歌啦!访问MP3 Player,选择歌曲文件夹,即会自动读取文件列表,点击就可以播放,右边是播放列表,下边是进度条。

目前该播放器的功能还比较简单,但是,相信随着HTML5技术的发展,浏览器播放器有可能达到本地播放器软件的效果,这就是HTML5的魅力。

官方网址:http://antimatter15.github.com/player/player.html

兼容情况:经测试,目前仅有google chrome能完美运行。

 

3、弹性球动画,模拟重力和弹性

模拟了重力和弹力,1、可以拖动球球;2、点击背景生成球球;3、摇晃使球运动(应该是指平板或手机等有重力感应的设备,没实践过);4、双击重新玩;5、开始玩吧!

官方网址:http://mrdoob.com/projects/chromeexperiments/ball_pool/

兼容情况:所有浏览器都兼容。

 

4、CanvasMol——化学结构

左边是C60,右边是DNA,是不是很炫?左边有各种常用分子,右边是元素周期表(被遮住了一部分),下面貌似可以上传分子模型(Paste here PDB / SDF / MOL molecule definition and click Import molecule button),鼠标左键可以拖动旋转模型,滚轮可以放大缩小,点模型名字可以拖动位置。

官方网址:http://alteredqualia.com/canvasmol/

兼容情况:所有浏览器都兼容。

 

5、拖拽上传

再也不用点开一个又一个文件夹了,把图片从桌面拖到浏览器里,就可以上传啦~目前很多网盘或邮箱都有这个技术,比如gmail、qq邮箱、Let's crate网盘、等等,我这里取了一个很简易的拖拽演示页面。

官方网址:http://sofish.de/file/demo/drag-and-drop-files.html

兼容情况:Safari和IE9不支持,其他的都支持。

炫意HTML5 » 精选超炫html5网站收集

CSS3教程HTML5教程