Learn how to create a flappy bird game using pure JavaScript.
Download the Starter Template: https://goo.gl/SV7v7V
Download the final Game files: https://goo.gl/h9LE58
Check out more great tutorials like this one on the Code Explained channel: https://www.youtube.com/channel/UC8n8ftV94ZU_DJLOLtrpORA
—
Learn to code for free and get a developer job: https://www.freecodecamp.com
Read hundreds of articles on programming: https://medium.freecodecamp.com
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
source
Great tutorial ! Where can I learn more javascript games?
That's a lovely tutorial. Thanks for it.
how can i animate the bird while jumping ! !
In my case images were not showing up. So, I added images in html and hide them using style then imported images in JS file using getelementbyid instead using image object as used in video example.
HTML File:
<img class="hide" src="images/bg.png" id="bg"/>
JS File:
var bg = document.getElementById('bg');
cntx.drawImage(bg, 0, 0);
Awesome bro…
Brilliant tutorial. Refreshed my day! 🙂
Does it works on mobile?
Are you the king of Javascript?
Could you replicate in Java my game "Ouchy bird"? 🙂
The logic explaining part is what makes this tutorial one level above all other tutorials I've ever seen!
Thks nice tutorial
There is only one bug: That bird doesn't flap!
the starter template link is broken please help…. I really need to follow along with this tutorial cuz this is one of the best tutorials and you seem good so please if you can by any means make a media fire link……. pleasee!!!
hello, is this a mobile app?
Thank you so much for this tutorial! You explained very well 🙂
How do you ensure that the images are loaded, before you draw.
In my system images are taking time to load. So nothing is drawn.(before requestAnimationFrame added)
how to create menu for it
when i tried it ,it didn't work
how do u even put a bird image in a coding script
you deleted the file
please update the link of files in description
Business Opportunity in Ruvol
I have invented a Board Game [still unpublished and not yet out in the market] that I believe is guaranteed to be as challenging and exciting as CHESS. I called it “RUVOL.”
It is my hope that one day Ruvol may surpass chess as the “Number One Board Game in the World.”
The weakness of chess is it always starts in fixed positions that the opening moves become “memorizable.” In fact, not a few have so mastered the moves that they can play against their opponents “blindfolded.” It is for this very reason that the great Bobby Fischer introduced his so-called “Fischer Random Chess,” where the starting position of the pieces is “randomized” to make the memorization of openings impracticable. Fortunately, it is also for this reason that I invented Ruvol where “every game” has been calculated to be a challenging one to play.
HOW IS RUVOL PLAYED and HOW YOU CAN MONETIZE IT?
I detailed everything in my YouTube video. Here is the link: https://www.youtube.com/watch?v=jcqth0m3-R0
BIG MONEY POTENTIAL IN RUVOL!
It is worthwhile to note that the people who play chess will be the same people who will play Ruvol. In my Google search, I learned there are around 800 million chess players in the world. Even just a small percentage of these 800 million is good enough to earn big money from Ruvol either as an ONLINE GAME BUSINESS or as a PHYSICAL PRODUCT DISTRIBUTOR.
You may contact me at: rodolfovitangcol@gmail.com.
Thanks and God bless!
RODOLFO MARTIN VITANGCOL
The Ruvol Inventor
I cannot open starter template and final game files what is wrong with that…