分享几个令人震撼的JS和HTML5游戏

标签: HTML5学习资源 | 发表时间:2012-06-28 12:16 | 作者:HTML5研究小组
出处:http://www.mhtml5.com

或许你对网页游戏仅仅停留在Flash的时代,认为只有Flash才能做出非常绚丽的游戏特效。那么今天就打破大家的这个观念,一起来看看用Javascript和HTML5实现的网页游戏,这些游戏个人认为做得已经非常棒了,感谢这些游戏的作者。

1、 Javascript坦克大战游戏

坦克大战是一款非常经典的休闲小游戏,相信很多朋友都玩过,但是Javascript重写的坦克大战你可能没有见过哦。下面大家就一起来体验一下Javascript版的坦克大战游戏。

image

2、 HTML5超级玛丽游戏

超级玛丽也是一款非常经典的游戏,今天,它也将以HTML5重新展现你的面前。HTML5的力量让超级玛丽给人以不一样的感觉,但却又让人重新回到了童年的欢乐之中。下面提供HTML5版超级玛丽游戏的在线试玩和源码下载。

请用以下支持HTML5的浏览器:Firefox、Chrome(效果最佳,最流畅,推荐)、IE9

方向键:移动   S键:跳跃/进入   A键:快跑/射击

image

3、 HTML5太空战机游戏

这是一款基于HTML5技术的太空战机游戏,这个HTML5游戏场景逼真,而且还有不错的游戏配音。下面提供这个游戏的在线试玩和源码下载。

游戏比较庞大,加载需要一段时间,当然请用支持HTML5的浏览器来玩(IE9,firefox,chrome,safari)

上下左右方向键控制方向,z发射,p暂停游戏

image

4、 HTML5斯诺克桌球游戏

这是一个用HTML5实现的斯诺克桌球游戏,该游戏采用了较为简单的斯诺克规则,游戏画面颇为真实,让玩家似乎真正进入了一场斯诺克桌球比赛之中,一起来体验一下吧。

image

5、 HTML5俄罗斯方块游戏

俄罗斯方块游戏相信大家都玩过,的确是堪称一款古老却又经典的游戏了。今天要介绍的这款正是用HTML5技术重写的俄罗斯方块游戏,HTML5真的非常强大,下面一起来看看这款游戏吧,有源码学习哦。

上方向键或者鼠标左击为翻滚方块,其他左右下均为方向控制

image

6、 Google吃豆人游戏(pacman)

这是之前Google在首页Logo上展示的一款吃豆人(pacman)游戏,现在将游戏代码整理了一下分享给大家,提供在线试玩和源代码下载。

image

7、 Javascript网页破坏游戏

这是一个神奇的游戏,它以三角战斗机为核心武器,以破坏网页为目的,手段极其卑劣,杀伤力极其威猛,所到之处,一毛不拔。而且指挥这场战斗的司令员十分轻松,只要将以下一段JS代码放在浏览器中执行便可激活这场战斗。

打开一张需要破坏的网页,将以下代码拷贝到浏览器地址栏中,回车,即会出现三角战机,控制方向键移动战机,空格发射。

javascript:var s = document.createElement(‘script’); s.type=’text/javascript’; document.body.appendChild(s);s.src=’http://erkie.github.com/asteroids.min.js ‘; App.followOne(’1473612611′,this); void(0);

image

 

相关 [分享 js html5] 推荐:

分享几个令人震撼的JS和HTML5游戏

- - HTML5研究小组
或许你对网页游戏仅仅停留在Flash的时代,认为只有Flash才能做出非常绚丽的游戏特效. 那么今天就打破大家的这个观念,一起来看看用Javascript和HTML5实现的网页游戏,这些游戏个人认为做得已经非常棒了,感谢这些游戏的作者. 1、 Javascript坦克大战游戏. 坦克大战是一款非常经典的休闲小游戏,相信很多朋友都玩过,但是Javascript重写的坦克大战你可能没有见过哦.

Deck JS: HTML5 幻灯片

- L - LinuxTOY
Deck.js 是一组开源的 JavaScript 类库,方便使用现代的 HTML5/CSS3/JS 技术创建幻灯片. 该软件十分适用于开源项目介绍,交互式的方式比单纯的文字说明更简洁易懂. 不废话了,赶紧前往该项目主页去体验 HTML5 时代的幻灯片吧. 分类: Productivity |. 收藏到 del.icio.us |.

Appmobi刚发布针对移动HTML5的开源JS框架 jqMobi1.0

- - HTML5研究小组
Appmobi刚发布针对移动HTML5的开源JS框架 jqMobi1.0, 针对IOS和Android设备做了用户体验提升, 特性是体积小和速度快. jqUi, 针对触屏webkit核心浏览器的的一整套UI库. 网址: http://www.appmobi.com/.

Filer.js:简化HTML5文件系统API开发的开源JS库

- - HTML5研究小组
在 W3C 的工作草案中,有一个雄心勃勃的底层 Web 标准开发计划即 HTML5 文件系统(Firesystem)API 规范. 所谓 Filesystm API 是一个提供在用户自定义的沙盒文件系统中读取与写入文件及目录的接口. 不过正如文件系统一样,该 API 代码较长而且复杂.   为此 Google Chorme 团队的工程师 Eric Bidelman 写了一个基于它的 JavaScript 包装库,Bidlelman 将其命名为 filer.js 并放在了 GitHub 上.

用html5 js实现浏览器全屏 - 天魂地煞

- - 博客园_首页
项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持. "" : "not ";}, false); 全屏样式设置.

【转载】html5+canvas+js实现图形翻转和文字翻转与竖排

- - HTML5研究小组
出自: http://blog.sina.com.cn/s/blog_71261a2d01010nh3.html.

12款实用的HTML5干货分享

- - HTML5资源教程
今天我们要来分享12款实用的HTML5应用插件,内容涉及到按钮、表单、进度条、图片等,大家一起来看看这些干货吧. 1、漂亮的CSS3动画进度条 可自定义进度条颜色. 今天我们要再来分享一款很漂亮的CSS3动画进度条,我们可以用它来显示每一项数据的所占的比例,效果很不错. 之前我们也有分享过很多功能强大的CSS3进度条,像 纯CSS3进度条 华丽5色进度条示例、 CSS3 SVG 进度条 Loading 动画 炫酷发光特效都和今天分享的这款比较类似,可以看看.

WebView JS 交互

- - ITeye博客
WebView加jquery做页面会怎么样呢. // 创建WebView对象. // 把programList添加到js的全局对象window中,. // 这样就可以使用window.programList来获取数据. * 定义js回调java函数. // 绑定键盘的向上,向下按钮事件触发相应的js事件.

分享21个丰富多彩的 HTML5 小游戏

- 顶 - 博客园-首页原创精华区
  作为下一代的网页语言,HTML5 拥有很多让人期待已久的新特性. HTML5 的优势之一在于能够实现跨平台游戏编码移植,现在已经有很多公司在移动设备上使用 HTML5 技术. 随着 HTML5 跨平台支持的不断增强和智能手机的迅速普,HTML5 技术有着非常好的发展前景,甚至有人预言 HTML5 将引燃移动平台游戏开发技术的新革命.

分享21个非常棒的HTML5视频教程

- Amo - HTML5研究小组
现在越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用. 尽管HTML5的完全实现还有很长的路要走,但HTML5正在改变Web. 为了方便大家学习HTML5 ,本文向大家推荐21个非常棒的HTML5视频教程(很多Youtube视频需要特殊方式访问).