Как сделать сапёр на JavaScript

сапёр на JavaScript
Метки: / /

В этой статьи вы прочитаете, как сделать игру сапёр на JavaScript, но нужно предупредить, что этот код сделал не я, а был взять с сайта codepen.io у пользователя creme, поэтому если нужен оригинал, заходите к нему.

Также что бы понимать написанный тут код, стоит знать стандарты языка JavaScript ECMAScript 6 и Buble.

Создаём сапёр на JS:

Перейдём к созданию, но для начала нужно создать HTML документ, в котором и будет рендерится игра.

HTML:

В HTML нет не чего сложного, тут создаём элемент для рендеринга поля и подключаем скрипт с нашем кодом.

CSS не буду показывать так как, там его слишком много, да и вы всё равно можете скачать внизу эту программу и разобрать весь CSS.

JavaScript:

Как говорилось выше я не буду особо сильно описывать код, так как, тут он очень сложный и если всё объяснять, то получится очень длинный текст.

В этом коде мы объявляем переменный, массивы которые пригодятся во время работы программ, всё написано в комментариях, что для чего нужно.

Тут грубо говоря запускаем игры и рендерим поле, блоки.

Вот здесь просто создаём функцию, которая нужна для установки флага на определённый блог, функция запускается при правом клики мыши.

В этой части кода, мы уже проверяем, есть ли бомба или нет, если есть, то выводим конец игры, иначе, проверяем, если рядом ещё бомбы.

Здесь просто идёт обработка, если правый клик, правильный.

Тут смотрим, если была нажата не верный блок, с бомбой, заканчиваем игру.

Запускаем игру, то есть для одного запуска, надо просто объявить нужную переменную.

Вывод:

В этой статье разобрали сложный вариант создания игры сапёр на JavaScript, это не для новичкам, а скорее для профессионала, кто хочет попробовать сделать что то, сложное, хотя начинающим тоже пригодиться, для понятие логики игры и создания своей версии, более простой.

Подписываетесь на соц-сети:

Оценка:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
(Пока оценок нет)
Загрузка...
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии