САПЁР на JavaScript | ПЕТ-ПРОЕКТ | Minesweeper
В этом видео я создам игру из моего детства - Сапёр (Minesweeper) с нуля, используя HTML, CSS и, конечно же, JavaScript!
🔹 Реализуем игровое поле, ячейки/клетки, механику расстановки мин
🔹 Научимся раскрывать клетки и отмечать возможные мины флажками
🔹 Добавим раскрытие пустых областей
🔹 Реализуем логику подсчёта соседних мин
🔹 Поработаем с модальными окнами, массивами, рекурсией, обработкой событий клика ЛКМ и ПКМ, воспроизведением звука на веб-странице, и др.
В конце видео у нас получится минималистичная рабочая версия игры! 🎮
Дальнейшие доработки и «причёсывания» зависит только от ваших фантазий! 🪄
Приятного просмотра! 😍
Ссылка на github-проект: https://github.com/Katerina-PROFRONTEND/minesweeper
Мой телеграм-канал: https://t.me/katerina_profrontend
P. S. Сделала игру такой, какой помню её из детства, но, оказывается, в оригинальной версии была ещё одна фишка. Вопрос для тех, кто играл — какой ещё механики не хватает в текущей реализации? 😉
00:00:00 - Вступление
00:01:04 - Подготовленный проект
00:02:09 - Создаём игровое поле
00:08:56 - Отрисовываем игровое поле
00:11:44 - Раскрываем ячейки
00:17:38 - Завершение игры
00:19:39 - Предполагаем наличие потенциальной мины
00:21:53 - Итоги!
P.S.: Реализация игры, приведённая в видео, не претендует на абсолютную правильность; она была создана с целью обучения тех, кто только начинает свой путь в IT, базовым принципам, а так же для иллюстрации того, что процесс программирования может быть более чем увлекательным! Предложения и идеи по доработке буду рада прочесть в комментариях ниже. 👇🙏
#javascript #frontend #junior #frontenddeveloper #development #learning #study #game #minesweeper #beginner
Любая информация, представленная в этом видео, принадлежат мне и не отражают позицию моего работодателя или каких-либо организаций, с которыми я связана.
Весь материал, показанный в видео, был создан мной лично в свободное от работы время на моем собственном ноутбуке и используются исключительно для демонстрационных целей. Всё показанное в ролике не имеет никакого отношения к интеллектуальной собственности моего работодателя или других связанных со мной организаций.
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «САПЁР на JavaScript | ПЕТ-ПРОЕКТ | Minesweeper», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.