Myvideo

Guest

Login

Делаем игру Flappy Bird на Javascript (KaboomJS). Урок HTML/CSS/JS

Uploaded By: Myvideo
2 views
0
0 votes
0

📝Расскажу как сделать игру 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)

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later