Html5 Canvas 扫雷 (IE9测试通过)


======================================================
注:本文源代码点此下载
======================================================

扫雷是一个非常经典的游戏,记得在第一次接触的windows 3.22 上就有扫雷了,到现在的win7,依然保留着这个经典的游戏,结合html5 canvas,模仿win7的ui,将老板扫雷进行了升级。在 firefox, chrome, 和 ie9 下测试通过。

实现中设计的类: cellinfo, mineinfo, infoprocess, cellrender, minearea, gameinfo, gamestatus, game, storageinfo, gamestorage。

游戏界面:

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里,不包含外部链接。你可以直接保存这个网页,这样就可以随时玩了。

也可以下载未压缩版本:

附件:minesweeper.rar


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值