Войти
ПрограммированиеФорумВеб

Видеокурсы по разработке HTML5 игр

#0
(Правка: 25 июня 2019, 14:16) 13:02, 8 апр. 2019

HTML5 арканоид | Видеокурсы по разработке HTML5 игр

Всем привет!

Подготовил серию видеоуроков по разработке простого арканоида на JavaScript.
Курс предназначен для начинающих JavaScript разработчиков, знакомых с HTML и базовыми возможностями JS и желающих освоить возможности Canvas и общие техники игровой разработки.

Мы напишем весь код на чистом JavaScript с использованием HTML5 canvas без использования сторонних библиотек. В ходе обучения разбираем следующие темы:

- основы работы с HTML5 canvas
- загрузка, отрисовка и движение спрайтов
- обработка столкновений
- запуск покадровой анимация из spritesheet
- воспроизведение звуков

Будет полезно пройти этот курс до начала изучения вашего первого HTML5-фреймворка для создания игр. Возможности игровых JS-движков станут намного понятнее, т.к. вы уже будете знать, как они реализованы и что за ними стоит.

Приятного просмотра и продуктивного обучения!

Git
Демо игры
Новые курсы будут постепенно выходить в моем блоге и группе вк


#1
(Правка: 25 июня 2019, 14:17) 11:32, 14 мая 2019

Как написать змейку на JavaScript | Видеокурсы по разработке HTML5 игр
Готов следующий курс по разработке HTML5 игр. На этот раз пишем змейку:)

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

- как адаптировать разрешение игры под любое устройство (уроки 6, 7 и 8)
- как поворичивать спрайты на канвасе под нужным углом через вращение контекста (урок 16)
- как написать прелоадер спрайтов и звуков и загружать игру только по факту загрузки всех ассетов (уроки 3 и 19)
- как правильно предзагружать кастомные шрифты в игру (урок 22)

Приятного просмотра!


GitHub
Демо
Добавляйтесь в группу

ПрограммированиеФорумВеб