最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

看了草根程序猿分享的JS掃雷小游戲

10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有上思免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

想起去年的時候自己也做了一個

于是也拿出來分享之

先上截圖~

引用了jQuery，節(jié)省了很多鼠標(biāo)點(diǎn)擊上的判斷

界面顯然都是照搬Windows的掃雷啦

詳細(xì)的內(nèi)容注釋里都有，我就不啰嗦啦~

【JS部分】

 
 
 
 

  
  
  
  
var mineArray,  //地雷數(shù)組  
  
  
  
  
    lastNum,  //剩余雷數(shù)  
  
  
  
  
    countNum,  //未被揭開的方塊數(shù)  
  
  
  
  
    inGame = 0,  //游戲狀態(tài)，0為結(jié)束，1為進(jìn)行中，2為初始化完畢但未開始  
  
  
  
  
    startTime;  //開始時間  
  
  
  
  
    //以下操作1表示揭開一個方塊，操作2表示標(biāo)記一個小旗，操作3表示標(biāo)記一個問號，操作4表示若某個方塊周圍的地雷全都標(biāo)記完，則將其周圍剩下的方塊挖開  
  
  
  
  
$(function(){  
  
  
  
  
    $('#main').mouseup(function(e) {  
  
  
  
  
        var clicked = $(e.target),  
  
  
  
  
            id = clicked.attr('id'),  
  
  
  
  
            cX = parseInt(id.substring(1, id.indexOf('-'))),  //所點(diǎn)擊方格的X坐標(biāo)  
  
  
  
  
            cY = parseInt(id.substring(id.indexOf('-') + 1));  //所點(diǎn)擊方格的Y坐標(biāo)  
  
  
  
  
        if(inGame == 1) {  
  
  
  
  
            if(e.which == 1) {  
  
  
  
  
                if(clicked.hasClass('hidden') && !clicked.hasClass('flag')) {  
  
  
  
  
                    openBlock(cX,cY);  //左鍵點(diǎn)擊未揭開且未插旗方塊即執(zhí)行操作1  
  
  
  
  
                } else if(!clicked.hasClass('hidden')) {  
  
  
  
  
                    openNearBlock(cX,cY);  //由于同時點(diǎn)擊左右鍵實(shí)現(xiàn)起來比較麻煩，所以改成用點(diǎn)擊左鍵實(shí)現(xiàn)操作4  
  
  
  
  
                }  
  
  
  
  
            } else if(e.which == 3 && clicked.hasClass('hidden')) {  //右鍵點(diǎn)擊操作2，如果允許使用問號標(biāo)記，則可執(zhí)行操作3  
  
  
  
  
                if(clicked.hasClass('flag')) {  
  
  
  
  
                    clicked.removeClass('flag');  
  
  
  
  
                    if($('#check').attr('checked')) clicked.addClass('check');  
  
  
  
  
                    lastNum ++;  
  
  
  
  
                    countNum ++;  
  
  
  
  
                } else if(clicked.hasClass('check')) {  
  
  
  
  
                    clicked.removeClass('check');  
  
  
  
  
                } else {  
  
  
  
  
                    clicked.addClass('flag');  
  
  
  
  
                    lastNum --;  
  
  
  
  
                    countNum --;  
  
  
  
  
                }  
  
  
  
  
                $('#lastnum').text(lastNum);  
  
  
  
  
            }  
  
  
  
  
            if(lastNum == countNum) endGame(1);  //因?yàn)樽詈笫Ｏ碌姆綁K均為雷時應(yīng)直接結(jié)束游戲，因此設(shè)置為剩余雷數(shù)和未被揭開的方塊數(shù)相等的時候結(jié)束游戲  
  
  
  
  
        } else if(inGame == 2) {  
  
  
  
  
            if(e.which == 1) {  //初始化完畢后只允許點(diǎn)擊左鍵開始游戲  
  
  
  
  
                openBlock(cX,cY);  
  
  
  
  
                inGame = 1;  
  
  
  
  
                var now = new Date();  
  
  
  
  
                startTime = now.getTime();  
  
  
  
  
                timer();  
  
  
  
  
            }  
  
  
  
  
        }  
  
  
  
  
    });  
  
  
  
  
    $('#main').bind('contextmenu', function(){ return false; });  //阻止默認(rèn)右擊事件  
  
  
  
  
});  
  
  
  
  
//初始化  
  
  
  
  
function init(x, y, mine) {  
  
  
  
  
    countNum = x * y;  
  
  
  
  
    inGame = 2;  
  
  
  
  
    lastNum = mine;  
  
  
  
  
    mineArray = new Array(y + 2);  
  
  
  
  
    $.each(mineArray, function(key) {  
  
  
  
  
        mineArray[key] = new Array(x + 2);  
  
  
  
  
    });  
  
  
  
  
    for(var i = 1; i <= y; i ++) {  
  
  
  
  
        for(var j = 1; j <= x; j ++) {  
  
  
  
  
            mineArray[i][j] = 0;  
  
  
  
  
        }  
  
  
  
  
    }  
  
  
  
  
    while(mine > 0) {  //隨機(jī)布雷，-1為有雷  
  
  
  
  
        var i = Math.ceil(Math.random() * y);  
  
  
  
  
        var j = Math.ceil(Math.random() * x);  
  
  
  
  
        if(mineArray[i][j] != -1) {  
  
  
  
  
            mineArray[i][j] = -1;  
  
  
  
  
            mine --;  
  
  
  
  
        }  
  
  
  
  
    }  
  
  
  
  
    for(var i = 1; i <= y; i ++) {  //遍歷地雷數(shù)組，統(tǒng)計(jì)每個格子四周地雷的數(shù)量  
  
  
  
  
        for(var j = 1; j <= x; j ++) {  
  
  
  
  
            if(mineArray[i][j] != -1) {  
  
  
  
  
                if(i > 1 && j > 1 && mineArray[i - 1][j - 1] == -1) mineArray[i][j] ++;  
  
  
  
  
                if(i > 1 && mineArray[i - 1][j] == -1) mineArray[i][j] ++;  
  
  
  
  
                if(i > 1 && j < x && mineArray[i - 1][j + 1] == -1) mineArray[i][j] ++;  
  
  
  
  
                if(j < x && mineArray[i][j + 1] == -1) mineArray[i][j] ++;  
  
  
  
  
                if(i < y && j < x && mineArray[i + 1][j + 1] == -1) mineArray[i][j] ++;  
  
  
  
  
                if(i < y && mineArray[i + 1][j] == -1) mineArray[i][j] ++;  
  
  
  
  
                if(i < y && j > 1 && mineArray[i + 1][j - 1] == -1) mineArray[i][j] ++;  
  
  
  
  
                if(j > 1 && mineArray[i][j - 1] == -1) mineArray[i][j] ++;  
  
  
  
  
            }  
  
  
  
  
        }  
  
  
  
  
    }  
  
  
  
  
    var block = '';  
  
  
  
  
    for(var i = 1, row = mineArray.length - 1; i < row; i ++) {  
  
  
  
  
        for(var j = 1, col = mineArray[0].length - 1; j < col; j ++) {  
  
  
  
  
            block += '