Делаем игру Арканоид на Javascript. Урок HTML/CSS/JavaScript
📝В этом уроке мы создадим классическую игру “Арканоид“ на JavaScript. Отрисовку графики будем выполнять внутри элемента canvas. Мы напишем логику движения мяча, управление платформой и обработку столкновений мяча с кирпичами. Также научимся вести счет и отслеживать количество жизней игрока.
🔗 Ссылка на код:
❓ Есть вопрос или проблема по фронтенду?
Пиши в комментарии к видео или в чат канала в ТГ:
TG:
⌚️ Таймкоды:
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 |
Music promoted by
Creative Commons / Attribution 3.0 Unported License (CC BY 3.0)
1 view
549
161
1 day ago 01:16:31 28
Орша в миноре: как футбол борется в области | На бровке #44
2 weeks ago 00:53:51 9
Когда игра сделана ПРАВИЛЬНО! || ULTRAKILL обзор | Zmon | Реакция
3 weeks ago 00:00:48 3
За что могут оштрафовать дачников и сколько за это придётся заплатить! #Каменева #ЗемельныйЮрист
3 weeks ago 00:32:04 44
5 лет спустя: Doom снова на вершине!
1 month ago 00:45:44 12
Научный разбор видеоигр
2 months ago 00:35:26 1
Реакция на видео БУЛДЖАТь: Чизинг для одного. Сыр в одиночных играх.