Coding Challenge 31: Flappy Bird

From the creator

It's time to attempt to build a Flappy Bird clone in JavaScript with the p5.js! Code: https://thecodingtrain.com/challenges/31-flappy-bird 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/FtBc2BhHM 🎥 Previous video: https://youtu.be/KWoJgHFYWxY?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🗄 Flappy Bird on Wikipedia: https://en.wikipedia.org/wiki/Flappy_Bird Related Coding Challenges: 🚂 #41 Clappy Bird: https://youtu.be/aKiyCeIuwn4 🚂 #100 Neuroevolution Flappy Bird: https://youtu.be/c6y21FkaUqw 🚂 #147 Chrome Dinosaur Game: https://youtu.be/l0HoJHc-63Q Timestamps: 0:00:00 Flappy Bird 0:00:51 Creating a Bird Object 0:02:38 Adding Simple Physics 0:06:25 Moving Up 0:08:13 Adding Obstacles 0:16:02 Collision Detection 0:19:45 Finishing The Game Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box 💡 GitHub: https://github.com/CodingTrain 💬 Discord: https://discord.gg/hPuGy2g 💖 Membership: http://youtube.com/thecodingtrain/join 🛒 Store: https://standard.tv/codingtrain 🖋️ Twitter: https://twitter.com/thecodingtrain 📸 Instagram: https://www.instagram.com/the.coding.train/ 🎥 Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi

Published 2016-08-10 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.