There can be no Triumph without Loss,No Victory without Suffering,No Freedom without Sacrifice.
All you have to decide is what to do with the time that is given to you.
Get busy Living, or Get busy Dying?
  首页 | 留言给我 | 订阅 Rss | CLI | 黄白之恋 Posts:158   Hits: 1326903    Comments: 168    
 日历归档
<<  <  2018 - 11  >  >>
SuMoTuWeThFrSa
    123
45678910
11121314151617
18192021222324
252627282930
 About Me
 Name: ZhangSichu
 Sex: Male
 Age: 32
 Email: ZhangSichu@gmail.com
 MSN: ZhangSichu@hotmail.com
 Home: ZhangSichu.com
 WeiBo: weibo.com/zhangsichu
 个人推荐
 分类归档
  ·C++/C(5)  RSS
  ·软件工程(1)  RSS
  ·杂事/随感(26)  RSS
  ·.Net/Java(30)  RSS
  ·面向对象程序设计(5)  RSS
  ·汇编/破解(0)  RSS
  ·平面设计(3)  RSS
  ·SQL(5)  RSS
  ·COM/COM+(2)  RSS
  ·Web开发(81)  RSS
 My Friends
Back Forward Refresh Home 2018年11月15日 星期四 RSS CLI Mine Sweeper. In Javascript.

  Html5 Canvas 扫雷
字体大小 [ ]

扫雷是一个非常经典的游戏,记得在第一次接触的windows 3.22 上就有扫雷了,到现在的Win7,依然保留着这个经典的游戏,结合Html5 Canvas,模仿Win7的UI,将老板扫雷进行了升级。在 FireFox, Chrome, 和 IE9 下测试通过。

实现中设计的类: CellInfo, MineInfo, InfoProcess, CellRender, MineArea, GameInfo, GameStatus, Game, StorageInfo, GameStorage。
游戏界面:

Click to Open in New Window

GameMode:
Beginner 初级设置 Width:7 Height:7 Mine:10。
Intermediate 中级设置 Width:15 Height:15 Mine:40。
Expert 高级设置 Width:30 Height:15 Mine:99。
Random 随机模式。

CustomerSetting:
用户自定义扫雷的 Width Height Mine。

Performance Test:
测试游戏在浏览器上的反应。

Game Record:
游戏记录。

Pause: 暂停游戏。
Save: 存盘游戏。

当点击Save存盘后,在GameStorage下面会记录当前游戏的缩略图。鼠标进入存盘缩略图,当前缩略图高亮一个小红边,点击左键恢复存盘点,点击右键删除存盘点.

由于游戏中使用的图片比较多, 这个链接是AllInOne的地址: http://zhangsichu.com/html5/minesweeper/canvasminesweeperrelease.htm
所有内容都在这一个Html里,不包含外部链接。你可以直接保存这个网页,这样就可以随时玩了。 :)

也可以下载未压缩版本:
File: Click to Download
  Posted @ 3/14/2011 12:27:26 PM | Hits (4858) | Comments (3

  Comment
 #re:Html5 Canvas 扫雷  7/16/2012 4:56:02 PM  zhangsichu
@tao 你的浏览器是支持html5 canvas 的吧?
 #re:Html5 Canvas 扫雷  7/13/2012 10:19:37 AM  tao
下载下来的无法用啊
 #re:Html5 Canvas 扫雷  6/27/2012 3:26:55 PM  winxos
游戏做的很好,
不过有个细节问题,
如果仔细玩过扫雷的话,
可以发现扫雷胜利并非是把所有的雷标注完整,
而是把所有不是雷的点开就是了,
稍微改改算法就很好了。
  Post Comment
标题 *
作者 *
密码 记住我
评论 *
    


Stable in Firefox 1.5 2.0Stable in IE6 IE7Stable in MozillaStable in Netscape
ZhangSichu.com V0.1.7507
Powered By ZhangSichu
Copyright © ZhangSichu
Download ZhangSichu.com source code. Download source code