Let's Build a Game (Live coding Flappy Bird) using P5js

Channel:

momoCoder;

Subscribers:

286

Published on April 30, 2023 12:36:27 PM ● Video Link: https://www.youtube.com/watch?v=Y7JRjaLZ6L8

Duration: 2:35:58

132 views

3

Let's try out building a simple game on P5.js on this lazy Sunday morning.

Blog: https://anilmaharjan.com.np/blog/live-coding-flappy-bird-game-using-p5js/

CODE
https://github.com/dejavu1987/flappy-bird-p5js

DEMO
https://dejavu1987.github.io/flappy-bird-p5js/

25:30 About p5js
37:30 Start drawing shapes on p5js
45:30 Add the bird and motion
52:20 Add keypress even to make bird fly
1:01:37 Add horizontal motion
1:07:22 Tubes and gaps
1:11:10 Random function
1:20:50 Repeat random gap tubes
1:24:20 Refactor for gaps and tubes
1:32:54 Collision detection
1:43:15 Game over state
1:48:00 Refactor initialization
1:52:40 Scoring
2:00:00 Look & Feel Improvements
2:16:00 Failed attempt to use a sprite/bitmap for the bird
2:30:10 Bird goes out of the viewport triggers game over
2:33:40 Final run