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

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

Видеокурс по разработке змейки на чистом JavaScript и Canvas.

Список уроков:

  1. подготовка
  2. вывод изображения на canvas
  3. прелоадер для спрайтов
  4. генерируем игровое поле
  5. создаем и рисуем змейку
  6. как управлять размерами канваса
  7. подгоняем размеры игры по высоте
  8. заполняем канвас по ширине браузера
  9. движение змейки
  10. отслеживание событий нажатия клавиш
  11. изменение направления
  12. отрисовка яблока
  13. генерация яблока в случайной ячейке
  14. поглощение яблока
  15. отрисовка головы змейки
  16. вращение спрайтов на канвасе
  17. вывод бомб на поле
  18. завершение игры
  19. прелоадер звуков
  20. воспроизведение звуков
  21. рендеринг текста
  22. использование собственных шрифтов

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

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

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

Плейлист со всеми уроками
Демо
GitHub
Наша группа: https://vk.com/gamedevland

Leave a reply:

Your email address will not be published.

Site Footer