1,0×
26 просмотров · 3 месяца назад
00:00/29:17
Введение. Показываю геймплей игры
Описание
Делаем игру Арканоид на Javascript. Урок HTML/CSS/JavaScript
3 месяца назад • 26 просмотров
📝В этом уроке мы создадим классическую игру "Арканоид" на JavaScript. Отрисовку графики будем выполнять внутри элемента canvas. Мы напишем логику движения мяча, управление платформой и обработку столкновений мяча с кирпичами. Также научимся вести счет и отслеживать количество жизней игрока.🔗 Ссылка на код:
github.com/...anoid_game
❓ Есть вопрос или проблема по фронтенду?
Пиши в комментарии к видео или в чат канала в ТГ:
TG: t.me/frontend_corn
⌚️ Таймкоды:
0:00 Введение. Показываю геймплей игры
0:24 Добавляем элемент canvas в HTML
0:58 Пишем стили
1:33 Начинаем писать Javascript
6:49 Заполнение массива с блоками начальными значениями
8:43 Пишем функцию отрисовки мяча
9:58 Пишем функцию, которая будет вызываться каждый кадр
11:53 Пишем функцию отрисовки платформы
12:53 Пишем функцию отрисовки кирпичей сверху
16:34 Пишем функцию отрисовки счета
16:41 Пишем функцию отрисовки жизней
17:37 Пишем логику столкновений мяча с кирпичиками
21:54 Пишем логику управления платформой с помощью мыши
23:43 Пишем логику отталкивания мяча от стенок и платформы
28:38 Проверяем игру
✔️ Подписывайтесь на канал, обучаю фронтенду просто. Готовится много новых уроков :)
🎵 Права на фоновую музыку:
Chill Vibes by Alex-Productions | onsound.eu/
Music promoted by www.free-stock-music.com
Creative Commons / Attribution 3.0 Unported License (CC BY 3.0)
creativecommons.org/...deed.en_US
Уроки по разработке игр на JavaScript
Подборка ·
Уголок фронтендера
· 8 из 8Последнее видео в подборке
Уроки по разработке игр на JavaScript · 8 из 8