Делаем 2D-игру на Javascript (KaboomJS). Урок HTML/CSS/JS
Расскажу как сделать простую 2D-игру типа раннер на Javascript с помощью игрового движка . Гоночная игра с перепрыгиванием через препятствия.
Ссылка на код:
Есть вопрос или проблема по фронтенду?
Пиши в комментарии к видео или в чат канала в ТГ:
TG:
0:00 Показываю “геймплей“ игры
0:58 Устанавливаем расширение Live Server и подключаем игровой движок
6:46 Добавляем машинку, за которую будем играть
8:50 Создаем “пол“ уровня
11:53 Добавляем генерацию препятствий на пути
16:50 Добавляем логику столкновений машины и препятствия
17:30 Добавляем экран проигрыша
19:27 Добавляем логику прыжков машины
21:05 Делаем мелкие правки
26:00 Принимаем работу :)
Подписывайтесь на канал, обучаю фронтенду просто. Готовится много новых уроков :)
Права на фоновую музыку:
Chill Vibes by Alex-Productions |
Music promoted by
Creative Commons / Attribution 3.0 Unported License (CC BY 3.0)
1 view
557
166
2 months ago 00:07:18 1
Азбука безопасности - Пожарная безопасность - Все серии | Смешарики 2D. Обучающие мультфильмы
2 months ago 00:00:00 1
СТРИМ 16+ по Dead by Daylight №93 ▶ НОЧНОЙ СТРИМЧИК / ЗАЛЕТАЕМ!!! / EVILLANG
2 months ago 01:54:42 1
СТРИМ 16+ по 7 Days to Die №20 ▶ НОЧНОЙ СТРИМЧИК / АКТИВНОЕ ОБЩЕНИЕ / EVILLANG
2 months ago 02:30:00 1
💀Мой опыт: как не СОЙТИ С УМА в этой жизни и начать ЖИТЬ? - Никак, тут все поехавшие.
2 months ago 03:28:51 1
ДЮНА | Dune (2019) | играем в настольную игру
2 months ago 00:00:00 1
Прохождение Mafia: Rise and Fall. Сюжетный мод на первую Мафию - Стрим #3
2 months ago 04:25:48 1
СССР УМЕЕТ В УВН | Обкатка Об. 265Т | Бомбилка Медоеда
2 months ago 00:01:36 1
Игры с огнём - Азбука безопасности | Смешарики 2D
2 months ago 00:16:42 1
Сделала ДИОРАМУ на 3D принтере | Blender 3D + 3д печать = Робот из игры Stray в реальной жизни
2 months ago 01:36:27 1
КАТЯ ГАНДРАБУРА - художник ПОДЗЕМЕЛЬЯ ЧИКЕН КАРРИ
2 months ago 02:06:59 5
Турнир “Быстрый и мёртвый“ [sMNS ]. M.D. vs Bonyth