7 Star 11 Fork 2

xinshengsiyu / minesweeper

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

#基于JQuery的扫雷小游戏

体验基本类似于win7上面的版本,支持右击标记雷,双击自动清除。样式上大家有需要自己调试一下即可。

使用方法示例

$(function(){
    var option = {
                area:'#area',//容器id
                xnum:10,//横轴数
                ynum:10,//纵轴数
                bnum:20,//炸弹个数
                success:function(){//成功回调函数
                    alert('success');
                },
                fail:function(){//失败回调函数
                    alert('fail');
                }
            };
    var lei = new saolei(option);
    lei.init();
});

实现思路

代码内注释比较多,逻辑也比较简单,欢迎大家指正
基本思路如下
1.当用户第一次点击时开始初始化雷的布局,并计算出每个点周围雷的个数,并把当前点击的点和周围8个点排除掉,不让产生雷。避免用户第一次点击时命中雷或者数字导致无法判断
2.用户点击到雷直接死亡,点击到数字只展开被点击的数字
3.当用户点击到空白点(即周围没有雷),首先展开当前点,然后依次访问周围8个点,当发现已经展开的点忽略,没有展开的数字点则展开。没有展开的空白点则执行点击空白点的递归操作,直到不再发现没有展开的空白点为止
4.用户双击数字点,首先判断周围被标记的雷数是否和当前点记录的相同,如果相同则展开周围未展开的点,遇空白点则执行点击空白点操作

在线demo 直通车

空文件

简介

基于jquery的扫雷。在线体验https://www.zhanglihu.com/static/minesweeper/index.html 。支持右击标记雷,双击自动查找雷。功能类似于win7版本的。仅在chrome下测试通过 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/hcxy/minesweeper.git
git@gitee.com:hcxy/minesweeper.git
hcxy
minesweeper
minesweeper
master

搜索帮助