Делаем игру Арканоид на 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 month ago 00:34:58 1
Новый похабный мир неизбежен (Андрей Девятов)
1 month ago 01:43:59 1
Silent Hill / Сайлент Хилл (Sega Mega Drive)
2 months ago 00:01:22 1
Фиксики - Фикси-советы. Как беречь электроэнергию
2 months ago 00:08:45 1
Трамп и победа на выборах США. К чему нам готовиться ?
2 months ago 06:21:28 1
Vlogger Go Viral: Симулятор Ютубера. Я Блогер 🎥
2 months ago 00:28:04 1
Я ПОИГРАЛ В DRAGON AGE: THE VEILGUARD И МНЕ БОЛЬНО
2 months ago 00:01:00 4
Прыгун стал лучшим другом Эйдена - Dying Light 2
2 months ago 00:01:07 1
ЛЕНИН - АНТИХРИСТ! Гениальный теоретик и практик международного терроризма начала XX века.
2 months ago 00:01:38 1
Я убиваю водителя автобуса (или во что веришь ты?)
2 months ago 01:23:29 9
flamie о карьере в NAVI, игре с s1mple, таланте молодых игроков | RightClick #4
2 months ago 00:44:46 1
Айсберг The Neverhood (ft. Zodli)
2 months ago 01:41:03 1
Передел СМУТЫ / Dragon Age даром / Дата Squadron 42 / Конец Killzone / WoW изменился / Провал Intel
2 months ago 00:07:18 1
Азбука безопасности - Пожарная безопасность - Все серии | Смешарики 2D. Обучающие мультфильмы
2 months ago 00:01:53 1
Path of Exile 2 Delayed Three Weeks
2 months ago 00:37:00 1
▼ ЕДУ В ТИХОСРАНСК 💪
2 months ago 00:10:02 3
Татьяна Поль: Секреты общения с ребенком. Практические шаги к тому, чтобы ребенок понимал и доверял
2 months ago 00:28:32 1
БАТРАКОВ УНИЧТОЖАЕТ ЛИГУ | ВЫСТОЯЛИ В САНКТ-ПЕТЕРБУРГЕ | ГАЛАКТИОНОВ ВСЁ СДЕЛАЛ ПРАВИЛЬНО
2 months ago 00:00:00 1
СТРИМ 16+ по Dead by Daylight №93 ▶ НОЧНОЙ СТРИМЧИК / ЗАЛЕТАЕМ!!! / EVILLANG
2 months ago 00:02:34 1
Почему ребенок не понимает обращенную речь? || #нейроспектр
2 months ago 00:59:24 27
Илья Макаров, Эмир Кашоков, Никита Никитин и Турал Натурал | Шутки на стол | Игровое стендап шоу
2 months ago 01:54:42 1
СТРИМ 16+ по 7 Days to Die №20 ▶ НОЧНОЙ СТРИМЧИК / АКТИВНОЕ ОБЩЕНИЕ / EVILLANG
2 months ago 00:21:51 1
Коктейли в бутылках для вечеринки: Голубая лагуна, Лонг Айленд, Энзони