Html5 Canvas 扫雷 (IE9测试通过)
来源:互联网 发布:淘宝搜索你会回来谢我 编辑:程序博客网 时间:2024/05/17 23:04
扫雷是一个非常经典的游戏,记得在第一次接触的windows 3.22 上就有扫雷了,到现在的Win7,依然保留着这个经典的游戏,结合HTML5 Canvas,模仿Win7的UI,将老板扫雷进行了升级。在 FireFox, Chrome, 和 IE9 下测试通过。
实现中设计的类: CellInfo, MineInfo, InfoProcess, CellRender, MineArea, GameInfo, GameStatus, Game, StorageInfo, GameStorage。
游戏界面:
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里,不包含外部链接。你可以直接保存这个网页,这样就可以随时玩了。
也可以下载未压缩版本:
附件:MineSweeper.rar
原文转自:乐搏学院http://www.learnbo.com/
- Html5 Canvas 扫雷 (IE9测试通过)
- Html5 Canvas 扫雷 (IE9测试通过)
- Html5 Canvas 扫雷 (IE9测试通过)
- html5 canvas 扫雷游戏
- html5的canvas的基础知识(ie9+)
- html5 canvas自动化测试
- 通过html5 canvas绘制时钟
- HTML5 Canvas: 测试浏览器是否支持Canvas
- 【实例】html5-canvas通过鼠标绘制线段
- HTML5 Canvas通过JS旋转图片
- HTML5 Video&Audio&Canvas元素测试
- HTML5中Canvas绘图方法性能测试
- javascript扫雷, canvas界面
- Html5 canvas生成图片,通过java进行保存
- 通过html5的Audio API和canvas实现音频可视化
- html5 canvas
- html5-canvas
- HTML5 canvas
- J2EE系列之Spring4学习笔记(七)--AOP详解(AOP简介)
- 低配版Hololens?这款AR盒子只售30美元,适用于IOS和安卓
- lable
- Coroutines协程
- c# 索引器
- Html5 Canvas 扫雷 (IE9测试通过)
- Android 时间显示控件 TextClock
- 自定义吐司
- 暴涨的前兆?最受欢迎的暗网黑市之一即将上线Zcash
- sqlserver 查看表锁和解决表锁问题
- SQL 语句中output参数的使用 很实用!
- C#:异步编程和线程的使用(.NET 4.5 )
- 四元数与旋转——学习笔记(二)
- 数组划分