Создание HTML5 игр на JavaScript и Canvas
What you'll learn
- Создание HTML5 игры Арканоид на чистом JavaScript и Canvas
- Создание HTML5 игры Змейка на чистом JavaScript и Canvas
- основы работы с HTML5 canvas
- загрузка, отрисовка и движение спрайтов
- вращение спрайтов на канвасе
- обработка столкновений
- запуск покадровой анимация из spritesheet
- воспроизведение звуков
- определение размеров игры под разные устройства и разные разрешения экрана
Course content
- Preview19:36
- 00:21Код игры с HD графикой
- Preview23:17
- 13:53Расставляем объекты на экране
- 13:20Выводим блоки на экран
- 20:09Реализуем движение платформы
- 08:08Удерживаем мяч на платформе во время движения
- 16:14Запуск мяча с платформы
- 15:41Первый взлет мяча под случайным углом
- 15:44Обработка столкновений мяча с блоками
- 25:45Отскок мяча от платформы
- 07:37Уничтожаем блоки
- 16:40Отскок мяча от краев экрана
- 10:40Не даем платформе выйти за края экрана
- 06:09Поражение на уровне
- 07:12Победа на уровне
- 09:39Загрузка и воспроизведение звуков
- 05:18Рендеринг текста
- 11:04Покадровая анимация
Requirements
- Для комфортного усваивания материала курса вам потребуются знания основ HTML и синтаксиса JavaScript
Description
Видеокурс по разработке HTML5 игр на JavaScript.
В ходе курса мы разработаем 2 классические игры с нуля: арканоид и змейка. Мы напишем весь код на чистом JavaScript с использованием HTML5 canvas без использования сторонних библиотек.
В ходе обучения разбираем следующие темы:
основы работы с HTML5 canvas
загрузка, отрисовка и движение спрайтов
вращение спрайтов на канвасе
обработка столкновений
запуск покадровой анимация из spritesheet
воспроизведение звуков
изменение размеров игры в зависимости от разрешения экрана
Полученные знания станут отправной точкой к дальнейшему более глубокому практическому применению языка JavaScript и разработки игр на нем.
Будет полезно пройти этот курс до начала изучения вашего первого HTML5-фреймворка для создания игр.
Возможности игровых JS-движков станут намного понятнее, т.к. вы уже будете знать, как они реализованы и что за ними стоит.
Приятного просмотра и продуктивного обучения!
Who this course is for:
- Начинающие JavaScript разработчики, увлекающиеся созданием игр
Instructor
![Aleksandr Bolotnikov](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.6 Instructor Rating
- 135 Reviews
- 1,009 Students
- 4 Courses
My name is Aleksandr Bolotnikov. I'm professional JavaScript game developer from Russia, Saint-Petersburg.
I have been working as a software developer for more than 10 years. I worked on different complex projects:
- Backends of statistics and analytics cloud services
- Browser-based F2P MMO games
- HTML5 games for social networks and mobile devices
And today I work as professional HTML5 game developer in a company where I make games for social networks and mobile devices.
I love to teach. I am happy to tell, explain and hope that I can do it well. My main goal is to teach everyone who wants to make games on those technologies that I use myself.