Coding Challenge #31: Flappy Bird

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=cXgA1d_E-jY


Game:
Flappy Bird (2013)
Duration: 21:44
1,181,565 views
20,211

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-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
๐ŸŽฅ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

๐Ÿ”— p5.js: https://p5js.org
๐Ÿ”— p5.js Web Editor: https://editor.p5js.org/
๐Ÿ”— Processing: https://processing.org

๐Ÿ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new

#flappybird #javascript #p5js



Other Videos By The Coding Train


2016-09-02Q&A #5: The History of p5.js and Processing
2016-09-02Live Stream #58: Networking Agar.io and the History of p5.js/Processing
2016-08-30Coding Challenge #35.3: Traveling Salesperson with Lexicographic Order
2016-08-25Coding Challenge #35.2: Lexicographic Order
2016-08-24Coding Challenge #35.1: Traveling Salesperson
2016-08-22Coding Challenge #33: Poisson-disc Sampling
2016-08-18Coding Challenge #34: Diffusion-Limited Aggregation
2016-08-16Coding Challenge #32.1: Agar.io - Part 1 (Basic Game Mechanics)
2016-08-12Live Stream #57 - Traveling Salesperson
2016-08-119.10: Genetic Algorithm: Continuous Evolutionary System - The Nature of Code
2016-08-10Coding Challenge #31: Flappy Bird
2016-08-099.9: Genetic Algorithm: Interactive Selection - The Nature of Code
2016-08-089.17: Arguments Array in JavaScript - p5.js Tutorial
2016-08-05Live Stream #56: Poisson Disc Sampling and Diffusion-Limited Aggregation
2016-08-059.6: Genetic Algorithm: Improved Fitness Function - The Nature of Code
2016-08-059.7: Genetic Algorithm: Pool Selection - The Nature of Code
2016-08-04Live Stream #55 - Flappy Bird and Agar.io Clones
2016-08-03Coding Challenge #30: Phyllotaxis
2016-08-039.16: CodePen in p5.js - p5.js Tutorial
2016-08-02Coding Challenge #29: Smart Rockets in p5.js
2016-08-019.5: Genetic Algorithm: Fitness, Genotype vs Phenotype - The Nature of Code


Tags:
rainbow
live
flappy
bird
games
p5.js
daniel shiffman
p5js
creative coding
p5.js tutorial
nature of code
javascript
tutorial
coding challenge
the nature of code
p5 js
javascript (programming language)
flappy bird
coding
challenge
flappybird
flappy (video game)
flappybirds
flappy bird gameplay
flappy bird challenge
flappy bird javascript
flappy bird clone
html5 flappy bird
web flappy bird code
how to program flappy bird


Other Statistics

Flappy Bird Statistics For The Coding Train

At present, The Coding Train has 1,474,832 views spread across 8 videos for Flappy Bird, and about 8 hours worth of Flappy Bird videos were uploaded to his channel. This is less than 0.84% of the total video content that The Coding Train has uploaded to YouTube.