Делаем игру Flappy Bird на Javascript (KaboomJS). Урок HTML/CSS/JS
📝Расскажу как сделать игру Flappy Bird на Javascript с помощью игрового движка . Играем за птицу и пролетаем через трубы. При пролете через трубу прибавляется 1 к очкам. При столкновении с препятствием, падении или подлете слишком высоко игра будет завершена. Также, при прыжках, пролетах и поражении проигрываются игровые звуки.
🔗 Ссылка на код:
❓ Есть вопрос или проблема по фронтенду?
Пиши в комментарии к видео или в чат канала в ТГ:
TG:
⌚️ Таймкоды:
0:00 Показываю “геймплей“ игры
0:35 Подключение игрового движка KaboomJS, установка Live Server
1:19 Начинаем писать JS-код
3:45 Загружаем ассеты игры (спрайты и звуки)
6:22 Пишем функцию для создания игрового персонажа (птицы)
7:45 Добавляем возможность прыжков по клику мыши и нажатию на пробел
8:42 Пишем функцию для генерации препятствий на пути
12:34 Добавляем проигрыш при падении или подлете выше уровня
13:38 Добавляем экран проигрыша
15:07 Пишем логику столкновений с препятствиями
15:57 Добавляем элемент, где будут отображаться игровые очки
16:50 Добавляем логику столкновений машины и препятствия
18:00 Пишем логику подсчета очков
20:38 Игра готова :) Краткое описание кода
✔️ Подписывайтесь на канал, обучаю фронтенду просто. Готовится много новых уроков :)
🎵 Права на фоновую музыку:
Rooftop by Alex-Productions |
Music promoted by
Creative Commons / Attribution 3.0 Unported License (CC BY 3.0)
2 views
472
119
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
Коктейли в бутылках для вечеринки: Голубая лагуна, Лонг Айленд, Энзони