Видеокурс — Как написать змейку на JavaScript

Как написать HTML5 игру Змейка на JavaScript

Видеокурс по разработке змейки на чистом JavaScript и Canvas. Список уроков: подготовка вывод изображения на canvas прелоадер для спрайтов генерируем игровое поле создаем и рисуем змейку как управлять размерами канваса подгоняем размеры игры по высоте заполняем канвас по ширине браузера движение змейки отслеживание событий нажатия клавиш изменение направления отрисовка яблока генерация яблока в случайной ячейке поглощение яблока отрисовка головы змейки вращение спрайтов на канвасе вывод бомб на поле завершение игры прелоадер звуков воспроизведение звуков рендеринг текста использование собственных шрифтов Данный

Continue Reading

Как написать HTML5 игру Змейка на JavaScript. Урок 2 — вывод изображения на canvas

Как написать HTML5 игру Змейка на JavaScript

Добро пожаловать на второй урок нашего курса! На этом уроке мы устанавливаем фоновое изображение нашей игры. 1. Подготовка В этом курсе мы не будем использовать ES6 классы, но тем не менее синтаксис ES6 будем стараться применять там, где это возможно. А также мы будем практиковать объектно-ориентированный подход и использовать классические JS объекты, создаваемые через литерал. Для начала нам потребуется один главный глобальный объект: let game = {}; Внутри этого объекта мы будем реализовывать всю игровую логику. В первую очередь от

Continue Reading

Как написать HTML5 игру Змейка на JavaScript. Урок 1 — подготовка

Как написать HTML5 игру Змейка на JavaScript

Добро пожаловать на курс по разработке html5 змейки! В этом вступительном видео уроке мы познакомимся со структурой проекта, разберем какой функционал планируется разработать и узнаем, чему вообще мы научимся в ходе этого курса: Темы курса: загрузка вывод спрайтов на канвас как разработать прелоадер ассетов вращение изображений на канвасе адаптация размеров игры под разные разрешения экрана загрузка и проигрывание звуков объектно-ориентированный подход к разработке

Видеокурс — Как написать арканоид на JavaScript

Видеокурс по разработке простого арканоида на JavaScript. Мы напишем весь код на чистом JavaScript с использованием HTML5 canvas без использования сторонних библиотек. В ходе обучения разбираем следующие темы: основы работы с HTML5 canvas загрузка, отрисовка и движение спрайтов обработка столкновений запуск покадровой анимация из spritesheet воспроизведение звуков Полученные знания станут отправной точкой к дальнейшему более глубокому практическому применению языка JavaScript и разработки игр на нем. Будет полезно пройти этот курс до начала изучения вашего первого HTML5-фреймворка для создания игр. Возможности

Continue Reading

Как сжать несколько значений в одно чтобы сохранить в одном поле таблицы

I. Нормализованная структура. Представим, что в нашем проекте игроку доступны для покупки разные предметы, например, броня. Все предметы уникальны. Заранее неизвестно конечное число вещей, т.к. есть вероятность их добавления в игру с течением времени. Вариант 1. Представим, что в нашей игре есть следующие предметы: шлем корпус броня для ног броня для рук У одного игрока может быть не более одного предмета каждого типа, т.е. предмет либо есть и надет, либо предмета нет. В обычной ситуации мы создаем таблицу users_items с

Continue Reading

Site Footer