Minesweeper — различия между версиями

Материал из Department of Theoretical and Applied Mechanics
Перейти к: навигация, поиск
(→‎Визуализация)
 
(не показаны 4 промежуточные версии этого же участника)
Строка 11: Строка 11:
 
== Визуализация ==
 
== Визуализация ==
  
−
{{#widget:Iframe | url=http://tm.spbstu.ru/htmlets/js2020/MinesweeperSeveryukhina/index.html | width=1200 | height=1200| border=0}}
+
{{#widget:Iframe | url=http://tm.spbstu.ru/htmlets/js2020/MinesweeperSeveryukhina/index.html | width=1200 | height=800| border=0}}
 +
 
 +
==Код программы==
 +
<div class="mw-collapsible mw-collapsed">
 +
'''Код программы на языке JavaScript:''' <div class="mw-collapsible-content">
 +
<syntaxhighlight lang="javascript" line start="1" enclose="div">
 +
$(document).ready(function() {
 +
// 'Возвращает случайное целое число между min (включительно) и max (не включая max)
 +
    function getRandomInt(min, max) {
 +
        return Math.floor(Math.random() * (max - min)) + min;
 +
    }
 +
 
 +
    var table_main = document.getElementById('sapper_table_main');
 +
    var count_bomb = 90;
 +
    var count_tr = 10;//ВЫСОТА
 +
    var count_tr_td = 10;//ШИРИНА
 +
    var count_td = count_tr * count_tr_td;//ОБЩЕЕ КОЛ-ВО ЯЧЕЕК
 +
    var count_cell_close = count_td;//КОЛ-ВО ОТКРЫТЫХ ЯЧЕЕК
 +
    var end_game = false;
 +
    var arr_count_td = [];
 +
    var obj_all_td = {};
 +
var span_minutes = $('span#sapper_minutes');
 +
    var span_seconds = $('span#sapper_seconds');
 +
    var sapper_timer;
 +
 +
document.querySelector('input[name="radioOptions"]:checked').value;
 +
 +
 
 +
    function fill_obj_all_td() { //даем свойства ячейкам
 +
        for (var i = 0; i < count_td; i++) {
 +
            arr_count_td.push(i);
 +
            obj_all_td[i] = {}
 +
            obj_all_td[i]['bomb'] = false;
 +
            obj_all_td[i]['numeric'] = false
 +
            obj_all_td[i]['open'] = false
 +
            obj_all_td[i]['flag'] = false
 +
            if (i % count_tr_td == 0 || i == 0) {
 +
                obj_all_td[i]['edge'] = 'left';
 +
            } else if ((i + 1) % count_tr_td == 0) {
 +
                obj_all_td[i]['edge'] = 'right';
 +
            } else {
 +
                obj_all_td[i]['edge'] = false;
 +
            }
 +
        }
 +
    }
 +
 
 +
    function add_bomb_obj_all_td() { //создаем бомбы
 +
        var number_bomb;
 +
        for (var i = 0; i < count_bomb; i++) {
 +
            number_bomb = Math.round(getRandomInt(0, arr_count_td.length));
 +
            number_bomb = arr_count_td.splice(number_bomb, 1)[0];
 +
            obj_all_td[number_bomb]['bomb'] = true;
 +
        }
 +
    }
 +
 
 +
 
 +
    function add_siblings_and_numeric() { //создаем циферки
 +
        for (var td_i in obj_all_td) {
 +
            var td_i_num = Number(td_i); //индекс рассматриваемого элемента
 +
//индексы соседних элементов
 +
            var arr_sibling_number_td = [td_i_num - 1, td_i_num + 1, td_i_num - count_tr_td, td_i_num - count_tr_td - 1, td_i_num - count_tr_td + 1, td_i_num + count_tr_td, td_i_num + count_tr_td - 1, td_i_num + count_tr_td + 1];
 +
            var arr_sibling_td = [];
 +
            for (var j = 0; j < arr_sibling_number_td.length; j++) {
 +
                if (arr_sibling_number_td[j] >= 0 && arr_sibling_number_td[j] < count_td) {
 +
                    if (!obj_all_td[td_i]['edge']) { //если не крайний
 +
                        arr_sibling_td.push(arr_sibling_number_td[j]); //добавляем номер соседа
 +
                        if (obj_all_td[td_i]['bomb'] && !obj_all_td[arr_sibling_number_td[j]]['bomb']) { //элемент бомба, а сосед не бомба
 +
                            obj_all_td[arr_sibling_number_td[j]]['numeric'] = true //тогда сосед число
 +
                        }
 +
                    } else if (obj_all_td[td_i]['edge'] === 'left' && obj_all_td[arr_sibling_number_td[j]]['edge'] !== 'right') { //если край левый и сосед не на правом краю
 +
                        arr_sibling_td.push(arr_sibling_number_td[j]); //добавляем номер соседа
 +
                        if (obj_all_td[td_i]['bomb'] && !obj_all_td[arr_sibling_number_td[j]]['bomb']) {
 +
                            obj_all_td[arr_sibling_number_td[j]]['numeric'] = true
 +
                        }
 +
                    } else if (obj_all_td[td_i]['edge'] === 'right' && obj_all_td[arr_sibling_number_td[j]]['edge'] !== 'left') {
 +
                        arr_sibling_td.push(arr_sibling_number_td[j]);
 +
                        if (obj_all_td[td_i]['bomb'] && !obj_all_td[arr_sibling_number_td[j]]['bomb']) {
 +
                            obj_all_td[arr_sibling_number_td[j]]['numeric'] = true
 +
                        }
 +
                    }
 +
 
 +
                }
 +
            }
 +
            obj_all_td[td_i]['siblings'] = arr_sibling_td; //все соседи
 +
 
 +
            var arr_sibling_direct_num_td = [td_i_num - 1, td_i_num + 1, td_i_num - count_tr_td, td_i_num + count_tr_td];
 +
            var arr_sibling_direct_td = [];
 +
            for (var j = 0; j < arr_sibling_direct_num_td.length; j++) {
 +
                if (arr_sibling_direct_num_td[j] >= 0 && arr_sibling_direct_num_td[j] < count_td) {
 +
                    if (!obj_all_td[td_i]['edge']) { //если элемент не край
 +
                        arr_sibling_direct_td.push(arr_sibling_direct_num_td[j]); //добавляем номер соседа
 +
                    } else if (obj_all_td[td_i]['edge'] === 'left' && obj_all_td[arr_sibling_direct_num_td[j]]['edge'] !== 'right') {
 +
                        arr_sibling_direct_td.push(arr_sibling_direct_num_td[j]);
 +
                    } else if (obj_all_td[td_i]['edge'] === 'right' && obj_all_td[arr_sibling_direct_num_td[j]]['edge'] !== 'left') {
 +
                        arr_sibling_direct_td.push(arr_sibling_direct_num_td[j]);
 +
                    }
 +
                }
 +
            }
 +
            obj_all_td[td_i]['siblings_direct'] = arr_sibling_direct_td; //прямые соседи
 +
        }
 +
    }
 +
 
 +
 
 +
    function createTable() { //создали таблицу
 +
        var n = 0;
 +
        for (var i = 0; i < count_tr; i++) {
 +
            var tr = document.createElement('tr');
 +
            for (var j = 0; j < count_tr_td; j++) {
 +
                var td = document.createElement('td');
 +
                if (obj_all_td[n]['bomb']) {
 +
                    obj_all_td[n]['text'] = '<img src="images/bomb.png" />';
 +
                } else if (obj_all_td[n]['numeric']) {
 +
                    var num_col = 0;
 +
                    for (var m = 0; m < obj_all_td[n]['siblings'].length; m++) {
 +
                        if (obj_all_td[obj_all_td[n]['siblings'][m]]['bomb'])
 +
                            num_col++;
 +
                    }
 +
                    obj_all_td[n]['text'] = num_col; //количество бомб в соседних ячейках
 +
                }
 +
 
 +
                if (!obj_all_td[n]['bomb'] && !obj_all_td[n]['numeric']) {
 +
                    obj_all_td[n]['text'] = ''; //это пустая клеточка
 +
                }
 +
 
 +
                tr.appendChild(td); //к строке добавили ячейку
 +
                n++;
 +
            }
 +
            table_main.appendChild(tr); //к таблице добавили строку
 +
        }
 +
    }
 +
 
 +
    fill_obj_all_td();
 +
    add_bomb_obj_all_td();
 +
    add_siblings_and_numeric();
 +
    createTable();
 +
 
 +
    function createNewTable(){
 +
        span_seconds.text('00'); //обнуляем время
 +
        span_minutes.text('00');
 +
        $('.sapper_message').remove(); //убираем сообщение
 +
        if (document.getElementById('easy').checked) {
 +
            count_tr = 10;
 +
            count_tr_td = 10;
 +
            count_bomb = 10;
 +
        } else if (document.getElementById('medium').checked) {
 +
            count_tr = 16;
 +
            count_tr_td = 16;
 +
            count_bomb = 40;
 +
        } else if (document.getElementById('hard').checked) {
 +
            count_tr = 22;
 +
            count_tr_td = 22;
 +
            count_bomb = 99;
 +
        }
 +
        count_td = count_tr * count_tr_td;
 +
        count_cell_close = count_td;
 +
        end_game = false;
 +
        arr_count_td = [];
 +
        obj_all_td = {};
 +
 
 +
        fill_obj_all_td();
 +
        add_bomb_obj_all_td();
 +
        add_siblings_and_numeric();
 +
 
 +
        $(table_main).empty();
 +
        createTable();
 +
        td_all = $(table_main).find('td');
 +
    }
 +
 
 +
////////////
 +
 +
var td_all = $(table_main).find('td');
 +
 
 +
    function openCellRecurs(td, number) {
 +
        openCellOne(td, number)
 +
        if (obj_all_td[number]['bomb'] === false && obj_all_td[number]['numeric'] === false) { //если это не бомба и не цифра
 +
            for (var i = 0; i < obj_all_td[number]['siblings'].length; i++) { //кол-во соседей
 +
                if (obj_all_td[obj_all_td[number]['siblings'][i]]['bomb'] === false && obj_all_td[obj_all_td[number]['siblings'][i]]['numeric'] === false && obj_all_td[obj_all_td[number]['siblings_direct'][i]]['open'] === false) {
 +
                    openCellRecurs(td_all.eq(obj_all_td[number]['siblings'][i]), obj_all_td[number]['siblings'][i]); //открываем соседей
 +
                } else if (obj_all_td[obj_all_td[number]['siblings'][i]]['numeric'] === true && obj_all_td[obj_all_td[number]['siblings'][i]]['open'] === false) {
 +
                    openCellOne(td_all.eq(obj_all_td[number]['siblings'][i]), obj_all_td[number]['siblings'][i]); //открываем соседей
 +
                }
 +
            }
 +
        }
 +
    }
 +
 
 +
    function openCellOne(td, number) {
 +
        if (!obj_all_td[number]['open']) {
 +
            td.css('background', 'none'); //отменяем заливку
 +
            td.html(obj_all_td[number]['text']); //картинка бомбы, циферка, пусто
 +
            obj_all_td[number]['open'] = true;
 +
            count_cell_close--; //уменьшаем количество закрытых ячеек
 +
            if (count_cell_close == count_bomb && !end_game) {
 +
                end_game = true;
 +
                window.clearInterval(sapper_timer);
 +
                showMessage('Победа!!!<br>�'ремя: ' + $('div#sapper_time').html(), 'green');
 +
                openAll();
 +
            }
 +
        }
 +
    }
 +
 
 +
    $(table_main).on('click', 'td', function () {
 +
        var this_number = $(table_main).find('td').index($(this)); //ищем индекс ячейки которую открываем
 +
if (count_cell_close === count_td) {
 +
            goTimer(); //запускаем таймер
 +
        }
 +
        if ((count_cell_close === count_td)&(obj_all_td[this_number]['bomb'])){
 +
            while (obj_all_td[this_number]['bomb']){
 +
                createNewTable();
 +
            }
 +
            openCellOne(td_all.eq(this_number), this_number)// ссылка на открытую ячейку
 +
        }
 +
        if (obj_all_td[this_number]['bomb']) { //если это бомба
 +
            end_game = true;
 +
            window.clearInterval(sapper_timer); //останавливаем таймер
 +
            openAll(); //открываем все ячейки
 +
            $(this).css('background', 'red'); //меняем заливку
 +
            showMessage('Вы Проиграли<br>'Время: ' + $('div#sapper_time').html(), 'red')
 +
        } else {
 +
            // showMessage('open', 'red')
 +
            openCellRecurs($(this), this_number); //рекурсивно открываем
 +
        }
 +
    })
 +
 
 +
    $(table_main).on('contextmenu', 'td', function (e) { //если нажимаем правой кнопкой
 +
        e.preventDefault();
 +
        var this_number = $(table_main).find('td').index($(this));
 +
        if (!obj_all_td[this_number]['open']) {
 +
            if (!obj_all_td[this_number]['flag']) {
 +
                obj_all_td[this_number]['flag'] = true; //делаем флажок
 +
                $(this).html('<img src="images/flag.png" />')
 +
            } else {
 +
                obj_all_td[this_number]['flag'] = false;
 +
                $(this).html('') //убираем флажок
 +
            }
 +
        }
 +
 
 +
 
 +
    })
 +
 
 +
    function openAll() { // открываем все ячейки
 +
        for (var i = 0; i < count_td; i++) {
 +
            openCellOne(td_all.eq(i), i);
 +
        }
 +
    }
 +
 
 +
 
 +
    $('#sapper_new_game').on('click', function () { // кнопочка новая игра
 +
        createNewTable();
 +
window.clearInterval(sapper_timer);
 +
    })
 +
 +
$('#easy').on('click', function () {
 +
        createNewTable();
 +
window.clearInterval(sapper_timer);
 +
    })
 +
$('#medium').on('click', function () {
 +
        createNewTable();
 +
window.clearInterval(sapper_timer);
 +
    })
 +
$('#hard').on('click', function () {
 +
        createNewTable();
 +
window.clearInterval(sapper_timer);
 +
    })
 +
 +
 +
 
 +
    function showMessage(message, color) { //сообщение
 +
        var table_main_width = $(table_main).width();
 +
        var table_main_height = $(table_main).height();
 +
        var divMessage = $('<div></div>', {'class': 'sapper_message'}).appendTo($('div#sapper_wrapper'));
 +
        divMessage.css({'width': table_main_width + 'px', 'height': table_main_height + 'px'})
 +
        var pMessage = $('<p></p>', {'html': message}).appendTo(divMessage);
 +
        pMessage.css('color', color);
 +
    }
 +
 
 +
    function goTimer() { //таймер
 +
        span_seconds.text('00');
 +
        span_minutes.text('00');
 +
        sapper_timer = window.setInterval(function () {
 +
            var num_seconds = Number(span_seconds.text()) + 1;
 +
            var num_minutes = Number(span_minutes.text());
 +
            if (num_seconds < 10) {
 +
                num_seconds = '0' + num_seconds;
 +
            } else if (num_seconds > 59) {
 +
                num_seconds = '00';
 +
                num_minutes++;
 +
            }
 +
 
 +
            if (num_minutes < 10) {
 +
                num_minutes = '0' + num_minutes;
 +
            }
 +
 
 +
            span_seconds.text(num_seconds);
 +
            span_minutes.text(num_minutes);
 +
        }, 1000);
 +
    }
 +
 
 +
});
 +
</syntaxhighlight>
 +
</div>

Текущая версия на 11:50, 1 июня 2020

Описание[править]

Реализация компьютерной игры "Сапер" на языке JavaScript.

Сапер — это игра головоломка, где игроку нужно разминировать минное поле, помечая флажками ячейки, на которых могут быть мины, для их обнаружения на соседних пустых клетках есть подсказки в виде чисел.

Исполнитель: Северюхина Анастасия

Группа 3630103/90003 Высшая школа Теоретической механики

Визуализация[править]

Код программы[править]

Код программы на языке JavaScript: 
  1 $(document).ready(function() {
  2 // 'Возвращает случайное целое число между min (включительно) и max (не включая max)
  3     function getRandomInt(min, max) {
  4         return Math.floor(Math.random() * (max - min)) + min;
  5     }
  6 
  7     var table_main = document.getElementById('sapper_table_main');
  8     var count_bomb = 90;
  9     var count_tr = 10;//ВЫСОТА
 10     var count_tr_td = 10;//ШИРИНА
 11     var count_td = count_tr * count_tr_td;//ОБЩЕЕ КОЛ-ВО ЯЧЕЕК
 12     var count_cell_close = count_td;//КОЛ-ВО ОТКРЫТЫХ ЯЧЕЕК
 13     var end_game = false;
 14     var arr_count_td = [];
 15     var obj_all_td = {};
 16 	var span_minutes = $('span#sapper_minutes');
 17     var span_seconds = $('span#sapper_seconds');
 18     var sapper_timer;
 19 	
 20 	document.querySelector('input[name="radioOptions"]:checked').value;
 21 	
 22 
 23     function fill_obj_all_td() { //даем свойства ячейкам
 24         for (var i = 0; i < count_td; i++) {
 25             arr_count_td.push(i);
 26             obj_all_td[i] = {}
 27             obj_all_td[i]['bomb'] = false;
 28             obj_all_td[i]['numeric'] = false
 29             obj_all_td[i]['open'] = false
 30             obj_all_td[i]['flag'] = false
 31             if (i % count_tr_td == 0 || i == 0) {
 32                 obj_all_td[i]['edge'] = 'left';
 33             } else if ((i + 1) % count_tr_td == 0) {
 34                 obj_all_td[i]['edge'] = 'right';
 35             } else {
 36                 obj_all_td[i]['edge'] = false;
 37             }
 38         }
 39     }
 40 
 41     function add_bomb_obj_all_td() { //создаем бомбы
 42         var number_bomb;
 43         for (var i = 0; i < count_bomb; i++) {
 44             number_bomb = Math.round(getRandomInt(0, arr_count_td.length));
 45             number_bomb = arr_count_td.splice(number_bomb, 1)[0];
 46             obj_all_td[number_bomb]['bomb'] = true;
 47         }
 48     }
 49 
 50 
 51     function add_siblings_and_numeric() { //создаем циферки
 52         for (var td_i in obj_all_td) {
 53             var td_i_num = Number(td_i); //индекс рассматриваемого элемента
 54 			//индексы соседних элементов
 55             var arr_sibling_number_td = [td_i_num - 1, td_i_num + 1, td_i_num - count_tr_td, td_i_num - count_tr_td - 1, td_i_num - count_tr_td + 1, td_i_num + count_tr_td, td_i_num + count_tr_td - 1, td_i_num + count_tr_td + 1];
 56             var arr_sibling_td = [];
 57             for (var j = 0; j < arr_sibling_number_td.length; j++) {
 58                 if (arr_sibling_number_td[j] >= 0 && arr_sibling_number_td[j] < count_td) {
 59                     if (!obj_all_td[td_i]['edge']) { //если не крайний
 60                         arr_sibling_td.push(arr_sibling_number_td[j]); //добавляем номер соседа
 61                         if (obj_all_td[td_i]['bomb'] && !obj_all_td[arr_sibling_number_td[j]]['bomb']) { //элемент бомба, а сосед не бомба
 62                             obj_all_td[arr_sibling_number_td[j]]['numeric'] = true //тогда сосед число
 63                         }
 64                     } else if (obj_all_td[td_i]['edge'] === 'left' && obj_all_td[arr_sibling_number_td[j]]['edge'] !== 'right') { //если край левый и сосед не на правом краю
 65                         arr_sibling_td.push(arr_sibling_number_td[j]); //добавляем номер соседа
 66                         if (obj_all_td[td_i]['bomb'] && !obj_all_td[arr_sibling_number_td[j]]['bomb']) {
 67                             obj_all_td[arr_sibling_number_td[j]]['numeric'] = true
 68                         }
 69                     } else if (obj_all_td[td_i]['edge'] === 'right' && obj_all_td[arr_sibling_number_td[j]]['edge'] !== 'left') {
 70                         arr_sibling_td.push(arr_sibling_number_td[j]);
 71                         if (obj_all_td[td_i]['bomb'] && !obj_all_td[arr_sibling_number_td[j]]['bomb']) {
 72                             obj_all_td[arr_sibling_number_td[j]]['numeric'] = true
 73                         }
 74                     }
 75 
 76                 }
 77             }
 78             obj_all_td[td_i]['siblings'] = arr_sibling_td; //все соседи
 79 
 80             var arr_sibling_direct_num_td = [td_i_num - 1, td_i_num + 1, td_i_num - count_tr_td, td_i_num + count_tr_td];
 81             var arr_sibling_direct_td = [];
 82             for (var j = 0; j < arr_sibling_direct_num_td.length; j++) {
 83                 if (arr_sibling_direct_num_td[j] >= 0 && arr_sibling_direct_num_td[j] < count_td) {
 84                     if (!obj_all_td[td_i]['edge']) { //если элемент не край
 85                         arr_sibling_direct_td.push(arr_sibling_direct_num_td[j]); //добавляем номер соседа
 86                     } else if (obj_all_td[td_i]['edge'] === 'left' && obj_all_td[arr_sibling_direct_num_td[j]]['edge'] !== 'right') {
 87                         arr_sibling_direct_td.push(arr_sibling_direct_num_td[j]);
 88                     } else if (obj_all_td[td_i]['edge'] === 'right' && obj_all_td[arr_sibling_direct_num_td[j]]['edge'] !== 'left') {
 89                         arr_sibling_direct_td.push(arr_sibling_direct_num_td[j]);
 90                     }
 91                 }
 92             }
 93             obj_all_td[td_i]['siblings_direct'] = arr_sibling_direct_td; //прямые соседи
 94         }
 95     }
 96 
 97 
 98     function createTable() { //создали таблицу
 99         var n = 0;
100         for (var i = 0; i < count_tr; i++) {
101             var tr = document.createElement('tr');
102             for (var j = 0; j < count_tr_td; j++) {
103                 var td = document.createElement('td');
104                 if (obj_all_td[n]['bomb']) {
105                     obj_all_td[n]['text'] = '<img src="images/bomb.png" />';
106                 } else if (obj_all_td[n]['numeric']) {
107                     var num_col = 0;
108                     for (var m = 0; m < obj_all_td[n]['siblings'].length; m++) {
109                         if (obj_all_td[obj_all_td[n]['siblings'][m]]['bomb'])
110                             num_col++;
111                     }
112                     obj_all_td[n]['text'] = num_col; //количество бомб в соседних ячейках
113                 }
114 
115                 if (!obj_all_td[n]['bomb'] && !obj_all_td[n]['numeric']) {
116                     obj_all_td[n]['text'] = ''; //это пустая клеточка
117                 }
118 
119                 tr.appendChild(td); //к строке добавили ячейку
120                 n++;
121             }
122             table_main.appendChild(tr); //к таблице добавили строку
123         }
124     }
125 
126     fill_obj_all_td();
127     add_bomb_obj_all_td();
128     add_siblings_and_numeric();
129     createTable();
130 
131     function createNewTable(){
132         span_seconds.text('00'); //обнуляем время
133         span_minutes.text('00');
134         $('.sapper_message').remove(); //убираем сообщение
135         if (document.getElementById('easy').checked) {
136             count_tr = 10;
137             count_tr_td = 10;
138             count_bomb = 10;
139         } else if (document.getElementById('medium').checked) {
140             count_tr = 16;
141             count_tr_td = 16;
142             count_bomb = 40;
143         } else if (document.getElementById('hard').checked) {
144             count_tr = 22;
145             count_tr_td = 22;
146             count_bomb = 99;
147         }
148         count_td = count_tr * count_tr_td;
149         count_cell_close = count_td;
150         end_game = false;
151         arr_count_td = [];
152         obj_all_td = {};
153 
154         fill_obj_all_td();
155         add_bomb_obj_all_td();
156         add_siblings_and_numeric();
157 
158         $(table_main).empty();
159         createTable();
160         td_all = $(table_main).find('td');
161     }
162 
163 	////////////
164 	
165 	var td_all = $(table_main).find('td'); 
166 
167     function openCellRecurs(td, number) {
168         openCellOne(td, number)
169         if (obj_all_td[number]['bomb'] === false && obj_all_td[number]['numeric'] === false) { //если это не бомба и не цифра
170             for (var i = 0; i < obj_all_td[number]['siblings'].length; i++) { //кол-во соседей
171                 if (obj_all_td[obj_all_td[number]['siblings'][i]]['bomb'] === false && obj_all_td[obj_all_td[number]['siblings'][i]]['numeric'] === false && obj_all_td[obj_all_td[number]['siblings_direct'][i]]['open'] === false) {
172                     openCellRecurs(td_all.eq(obj_all_td[number]['siblings'][i]), obj_all_td[number]['siblings'][i]); //открываем соседей
173                 } else if (obj_all_td[obj_all_td[number]['siblings'][i]]['numeric'] === true && obj_all_td[obj_all_td[number]['siblings'][i]]['open'] === false) {
174                     openCellOne(td_all.eq(obj_all_td[number]['siblings'][i]), obj_all_td[number]['siblings'][i]); //открываем соседей
175                 }
176             }
177         }
178     }
179 
180     function openCellOne(td, number) {
181         if (!obj_all_td[number]['open']) {
182             td.css('background', 'none'); //отменяем заливку
183             td.html(obj_all_td[number]['text']); //картинка бомбы, циферка, пусто
184             obj_all_td[number]['open'] = true;
185             count_cell_close--; //уменьшаем количество закрытых ячеек
186             if (count_cell_close == count_bomb && !end_game) {
187                 end_game = true;
188                 window.clearInterval(sapper_timer);
189                 showMessage('Победа!!!<br>�'ремя: ' + $('div#sapper_time').html(), 'green');
190                 openAll();
191             }
192         }
193     }
194 
195     $(table_main).on('click', 'td', function () { 
196         var this_number = $(table_main).find('td').index($(this)); //ищем индекс ячейки которую открываем
197 		if (count_cell_close === count_td) {
198             goTimer(); //запускаем таймер
199         }
200         if ((count_cell_close === count_td)&(obj_all_td[this_number]['bomb'])){
201             while (obj_all_td[this_number]['bomb']){
202                 createNewTable();
203             }
204             openCellOne(td_all.eq(this_number), this_number)// ссылка на открытую ячейку
205         }
206         if (obj_all_td[this_number]['bomb']) { //если это бомба
207             end_game = true;
208             window.clearInterval(sapper_timer); //останавливаем таймер
209             openAll(); //открываем все ячейки
210             $(this).css('background', 'red'); //меняем заливку
211             showMessage('Вы Проиграли<br>'Время: ' + $('div#sapper_time').html(), 'red')
212         } else {
213             // showMessage('open', 'red')
214             openCellRecurs($(this), this_number); //рекурсивно открываем
215         }
216     })
217 
218     $(table_main).on('contextmenu', 'td', function (e) { //если нажимаем правой кнопкой
219         e.preventDefault(); 
220         var this_number = $(table_main).find('td').index($(this));
221         if (!obj_all_td[this_number]['open']) {
222             if (!obj_all_td[this_number]['flag']) {
223                 obj_all_td[this_number]['flag'] = true; //делаем флажок
224                 $(this).html('<img src="images/flag.png" />')
225             } else {
226                 obj_all_td[this_number]['flag'] = false;
227                 $(this).html('') //убираем флажок
228             }
229         }
230 
231 
232     })
233 
234     function openAll() { // открываем все ячейки
235         for (var i = 0; i < count_td; i++) {
236             openCellOne(td_all.eq(i), i);
237         }
238     }
239 
240 
241     $('#sapper_new_game').on('click', function () { // кнопочка новая игра
242         createNewTable();
243 	window.clearInterval(sapper_timer);
244     })
245 	
246 	$('#easy').on('click', function () {
247         createNewTable();
248 	window.clearInterval(sapper_timer);
249     })
250 	$('#medium').on('click', function () {
251         createNewTable();
252 	window.clearInterval(sapper_timer);
253     })
254 	$('#hard').on('click', function () {
255         createNewTable();
256 	window.clearInterval(sapper_timer);
257     })
258 	
259 	
260 
261     function showMessage(message, color) { //сообщение
262         var table_main_width = $(table_main).width(); 
263         var table_main_height = $(table_main).height();
264         var divMessage = $('<div></div>', {'class': 'sapper_message'}).appendTo($('div#sapper_wrapper'));
265         divMessage.css({'width': table_main_width + 'px', 'height': table_main_height + 'px'})
266         var pMessage = $('<p></p>', {'html': message}).appendTo(divMessage);
267         pMessage.css('color', color);
268     }
269 
270     function goTimer() { //таймер
271         span_seconds.text('00');
272         span_minutes.text('00');
273         sapper_timer = window.setInterval(function () {
274             var num_seconds = Number(span_seconds.text()) + 1;
275             var num_minutes = Number(span_minutes.text());
276             if (num_seconds < 10) {
277                 num_seconds = '0' + num_seconds;
278             } else if (num_seconds > 59) {
279                 num_seconds = '00';
280                 num_minutes++;
281             }
282 
283             if (num_minutes < 10) {
284                 num_minutes = '0' + num_minutes;
285             }
286 
287             span_seconds.text(num_seconds);
288             span_minutes.text(num_minutes);
289         }, 1000);
290     }
291 
292 });
Источник — «http://tm.spbstu.ru/?title=Minesweeper&oldid=56085»