Делаем игру 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)