Html5 Canvas 扫雷 (IE9测试通过)

发布时间:2020-06-25 17:26:07 作者:powertoolsteam
来源:网络 阅读:2776

扫雷是一个非常经典的游戏,记得在第一次接触的windows 3.22 上就有扫雷了,到现在的Win7,依然保留着这个经典的游戏,结合Html5 Canvas,模仿Win7的UI,将老板扫雷进行了升级。在 FireFox, Chrome, 和 IE9 下测试通过。
实现中设计的类: CellInfo, MineInfo, InfoProcess, CellRender, MineArea, GameInfo, GameStatus, Game, StorageInfo, GameStorage。
游戏界面:

 

Html5 Canvas 扫雷 (IE9测试通过)cdn.grapecity.com/p_w_upload.aspx?p_w_uploadid=545">

 

GameMode:
Beginner 初级设置 Height:7 Mine:10。
Intermediate 中级设置 Height:15 Mine:40。
Expert 高级设置 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里,不包含外部链接。你可以直接保存这个网页,这样就可以随时玩了。 Html5 Canvas 扫雷 (IE9测试通过)


也可以下载未压缩版本:

附件:MineSweeper.rar

推荐阅读:
  1. HTML5特性检测
  2. HTML5中实现Canvas图形组合的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

canvas 游戏 html5

上一篇:php入门应该看什么书

下一篇:java中初始化对象的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》