Flappy Bird Game Using JavaScript




We will create the Flappy Bird game using JavaScript only, means no framework is been used during the tutorial, the tutorial has two parts:

1st part : we understand everything about the game, we discuss things before we code.
2nd part : Type in the Code.

****************************************************************************************
Download the starter template from gitHub, so you can follow the tutorial step by step :
****************************************************************************************

The Game link : https://github.com/CodeExplainedRepo/FlappyBird-JavaScript

****************************************************
Other Tutorials for games created using JavaScript :
****************************************************

Snake : https://www.youtube.com/watch?v=9TcU2C1AACw

tetris : https://www.youtube.com/watch?v=HEsAr2Yt2do

*************
Social Media
*************

Facebook : https://web.facebook.com/codeXplained
Twitter : https://twitter.com/code_explained

************
HASHTAGS
************
#JavaScript #Games #JavaScriptGames

Original source


30 responses to “Flappy Bird Game Using JavaScript”

  1. hello, I have a question about "Constant" which is "pipeNorth.height + gap" in my version constant doesn't seem to work like this instead position of pipeNorth (pY) + gap is working really fine so should I use this approach or if not or I am wrong then please help me……..

  2. I have written and implemented this code word for word and my pipeSouth image won't load. I'm going through everything again to see what i missed. Also my collision detection is not working correctly so I'll need to try it again. Other than that it would appear to probably work correctly if I can correct my mistakes.

Leave a Reply