由JavaScript技术实现的web小游戏（不含网游）
1、Mario（游戏地址：http://jsmario.com.ar/ ）
传说中的马里奥网页版，一比一实现了红白机时代超级马里奥中所有功能 与关卡，精细程度不逊原版游戏。
依 赖库：无
2 、 Bunny Hunt （游戏地址： http://www.themaninblue.com/experiment/BunnyHunt/）
猎兔，一款简单耐玩的网页狩猎游戏，没有使用第三方支持库，直接利用 css 与 JavasSript 实 现。
依 赖库：无
3 、 Bomberman （ 游戏地址： http://www.e-forum.ro/bomberman/dynagame.html ）
炸 弹人，经典到无以复加的桌面游戏，通过 JavaScript 获 得了完美再现。
依 赖库： MooTools ， SoundManager2
4 、 PacMan （ 游戏地址： http://www.digitalinsane.com/api/yahoo/pacman/ ）
又 一款传说级的游戏，笔者开始怀疑有某个超级闲的家伙（或组织），开始悄悄将红白机时代的游戏统一移植为 web 版……嗯，或许近些年出现的 JavaScript 版 FC 模 拟器就是他们的阴谋产物……
依 赖库： YUI
5 、 Ajax Chinese Chess （游戏地址： http://ajaxchess.pragmaticlogic.com/ ）
举 凡识字的中国人看到此图，就会知道这是一款基于 JavaScript 的 中国象棋游戏……
依 赖库： MooTools ， SoundManager2
6 、 Sudoku （游戏地址： http://www.dhtmlgoodies.com/scripts/game_sudoku/game_sudoku.html ）
疯 狂走红的数独游戏， JavaScript 狂 人们又怎么可能放过呢？（似乎所有可以进行图形显示的系统上都能跑这个游戏了……）
依 赖库：无
7 、 Spacius （游戏地址： http://scriptnode.com/lab/spacius/ ）
就 是著名的雷电啦，完成度相当高的经典射击游戏，效果流畅，笔者第一次运行时曾一度误以为在玩 Flash 。
依 赖库： SoundManager2
8 、 Browser Shooter （ 游戏地址： http://valums.com/demos/game/ ）
想 让 IE 干 掉 Firefox 抑 或 Chrome ？ 哎，现实生活中是没希望了——不过，在该游戏中你却可以暂时做到这一点。
依 赖库： jQuery
9 、 Berts Breakdown （ 游戏地址： http://www.paulbrunt.co.uk/bert/ ）
又一款强悍到逆天的 JavaScript 横 版游戏，在 Chrome 下的表现已经与同类 Flash 游戏不相伯仲了。
依 赖库： 无
10 、 JS-Wars （游戏地址： http://29a.ch/jswars/ ）
雷 电类的横版射击游戏，似乎用 JavaScript 进 行游戏开发的家伙都很喜欢横板游戏……作者在游戏介绍里写到——你们的任务是：找出骷髅博士，并消灭他！
依 赖库： jQuery
11 、 Javascript Wolfenstein 3D （游 戏地址： http://www.nihilogic.dk/labs/wolf/ ）
由传说中的天才 JS 程序员—— Jacob Seidelin 所作（瞧瞧，人家名字是怎么叫的，学问啊……）。移植自世界 上第一款第一人称射击游戏（有争议，一说为《 Ultima Underworld 》），也就是《重返德军总部》前作《德军总部》的 JavaScript 复刻版。
仅从现阶段 JavaScript 综合性能来说，其完成度之高令人叹为观止，恐怕连部分 Flash 游戏开发者也要自惭形秽。如果有朝一日 WebGL 标准普及了，哪怕该作者用 JavaScript 复刻出一个魔兽世界偶都毫不奇怪……唯一遗憾的是，此游戏依 赖于 JavaScript 的 Canvas 技术，可能对 IE 不友好……
相关推荐
-
Javascript编写2048小游戏
去年2048很火, 本来我也没玩过, 同事说如果用JS写2048 只要100多行代码: 今天试了一下, 逻辑也不复杂, 主要是数据构造函数上的数据的各种操作, 然后通过重新渲染DOM实现界面的更新, 整体不复杂, JS,css,和HTML合起来就300多行: 界面的生成使用了underscore.js的template方法, 使用了jQuery,主要是DOM的选择和操作以及动画效果,事件的绑定只做了PC端的兼容,只绑定了keydown事件: 把代码放到github-page上, 通过点击这里查看
-
原创javascript小游戏实现代码
以下是代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq
-
12个非常有创意的JavaScript小游戏
这里是12个非常有创意的JavaScript小游戏,希望在给我们带来趣味的同时也能更进一步地了解更深层次的JavaScript语言,原来它可以这样的. Browser Pong Twitch Browser Ball Crystal Galazy Video & Picture Puzzle Apophis 2029 Bing-Bong Bomberman Bunny Hunt Real world racer JS Wars Berts Breakdown via:12 Amazing and
-
纯javascript模仿微信打飞机小游戏
七夕情人节也不要忘了打游戏喔喔-,下面小编为大家准备的情人节礼物之纯javascript模仿微信打飞机小游戏分享给天下的情人们. 首先给大家展示效果图: 查看演示 源码下载 纯JavaScript模仿微信打飞机游戏,做网页小游戏的借鉴下,界面设计是竖长形仿手机屏幕风格,游戏效果流畅.具有分数统计,里面的JS封装类中包括有创建飞机类.飞机移动行为控制,创建子弹类,产生min到max之间的随机数,判断本方飞机是否移出边界,如果移出边界,则取消mousemove事件,反之加上mousemov
-
JavaScript编写连连看小游戏
天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开 最终的效果图: 写连连看之前要先考虑哪些呢? 1:如何判断两个元素可以连接呢, 刚刚开始的时候我也纳闷, 可以参考这里:打开: 2:模板引擎怎么选择呢, 我用了底线库的template,因为语法简单. 本来想用Handlebars,但是这个有点大啊, 而且底线库也提供很多常用工具方法( •̀ ω •́ )y:
-
js猜数字小游戏的简单实现代码
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="
-
分享自己用JS做的扫雷小游戏
引用了jQuery,节省了很多鼠标点击上的判断.界面显然都是照搬Windows的扫雷啦,详细的内容注释里都有,我就不啰嗦啦~ 先上截图~ 引用了jQuery,节省了很多鼠标点击上的判断 界面显然都是照搬Windows的扫雷啦 详细的内容注释里都有,我就不啰嗦啦~ JS部分 var mineArray, //地雷数组 lastNum, //剩余雷数 countNum, //未被揭开的方块数 inGame = 0, //游戏状态,0为结束,1为进行中,2为初始化完毕但未开始 startTime; /
-
JavaScript实现一个空中避难的小游戏
前言 最近在看js中的事件,之前也一直有用到事件,用到最多的就是onclick单击事件,还有填写表单信息时的用到的onfocus聚焦时间,和onblur事件,最近看到了onmousemove鼠标移动事件,觉得很神奇,就突然很想写一个小游戏,用到了setInterval函数.游戏的功能也很简单,就是天上掉纸片,小人儿要不停的躲,一旦纸片和小人儿相撞,就会game over! 代码如下: <!DOCTYPE html> <html> <head> <style>
-
javascript实现别踩白块儿小游戏程序
最近有朋友找我用JS帮忙仿做一个别踩白块的小游戏程序,但他给的源代码较麻烦,而且没有注释,理解起来很无力,我就以自己的想法自己做了这个小游戏,主要是应用JS对DOM和数组的操作. 程序思路:如图:将游戏区域的CSS设置为相对定位.溢出隐藏;两块"游戏板"上分别排布着24块方格,黑色每行随机产生一个,"游戏板"向下滚动并交替显示,将每个操作板的黑块位置存入数组,每次点击时将数组pop出来进行比对(我觉得亮点在这--). 这里是游戏的GitHub地址,大家可以到里点击中
-
JS写的数字拼图小游戏代码[学习参考]
复制代码 代码如下: <html> <head> <title>拼图</title> <style> td.numTd{ width : 20px ; height : 20px ; } div.numDiv{ width : 100% ; height : 100% ; background-color : #000 ; color : #FFF ; text-align : center ; vertical-align : middle ;