Всем привет!
Подготовил серию видеоуроков по разработке простого арканоида на JavaScript.
Курс предназначен для начинающих JavaScript разработчиков, знакомых с HTML и базовыми возможностями JS и желающих освоить возможности Canvas и общие техники игровой разработки.
Мы напишем весь код на чистом JavaScript с использованием HTML5 canvas без использования сторонних библиотек. В ходе обучения разбираем следующие темы:
- основы работы с HTML5 canvas
- загрузка, отрисовка и движение спрайтов
- обработка столкновений
- запуск покадровой анимация из spritesheet
- воспроизведение звуков
Будет полезно пройти этот курс до начала изучения вашего первого HTML5-фреймворка для создания игр. Возможности игровых JS-движков станут намного понятнее, т.к. вы уже будете знать, как они реализованы и что за ними стоит.
Приятного просмотра и продуктивного обучения!
Плейлист со всеми уроками
Git
Демо игры
Новые курсы будут постепенно выходить в моем блоге и группе вкДобавлено (14 Мая 2019, 12:00)
---------------------------------------------
Готов следующий курс по разработке HTML5 игр. На этот раз пишем змейку:)
Данный курс подойдет начинающим JavaScript разработчикам, которые хотят закрепить знания синтаксиса и возможностей языка на практическом примере. Кроме того в курсе разбираются многие фишки, которые будут интересны и более опытным программистам:
- как адаптировать разрешение игры под любое устройство (уроки 6, 7 и 8)
- как поворичивать спрайты на канвасе под нужным углом через вращение контекста (урок 16)
- как написать прелоадер спрайтов и звуков и загружать игру только по факту загрузки всех ассетов (уроки 3 и 19)
- как правильно предзагружать кастомные шрифты в игру (урок 22)
Приятного просмотра!
Плейлист со всеми уроками
Git
Демо игры
Вступайте в группу!
