824 читали · 1 год назад
Создание классической игры "Змейка" на HTML, CSS и JavaScript
Всем привет. В этой статье мы рассмотрим, как создать простую версию классической игры "Змейка" с использованием HTML, CSS и JavaScript. Мы разберем основные этапы разработки игры и напишем простой код для реализации игровой логики и отображения. Учтите, это не профессиональный код, это код от backend разработчика который от нечего делать может что-нибудь поделать и не фронте и да, это не обучающая статья, скорее цель это привлечь внимания людей на сферу ИТ, но в любом случае если есть вопросы пишите, статья большая, думал разбить на 2 части но посчитал что не очень будет...
Классическая змейка на HTML, CSS, JS
4) кубик исчезал и появлялся на новом месте, когда змейка его "съедала" 5) змейка удлинялась после "поедания" на одну клетку. И так приступим к началу ШАГ 1 Добавляем HTML: ШАГ 2 Добавляем CSS, благодаря ему наше игровое поле будет по центру и страница иметь зелёный цвет: ШАГ 3 Добавляем игровое поле, для этого в наш HTML, в body нужно добавить <canvas id="game" width="400" height="400"></canvas>: ШАГ 4 Добавляем JavaScript: Этап 1 Задаём все переменные: Этап 2 Генератор случайных чисел, для...