How to Build Flappy Bird in JavaScript - GameDev Tutorial

Learn how to create a flappy bird game using pure JavaScript.

--

[MistaT]

The logic explaining part is what makes this tutorial one level above all other tutorials I've ever seen!

[sahotahappy]

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 =
cntx.drawImage(bg, 0, 0);

[atanki]

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 pleasee!!!

[patriciacostalonga]

Thank you so much for this tutorial! You explained very well :)

[AbhishekPathak]

Brilliant tutorial. Refreshed my day! :)

[DeepakSharma-dvrw]

Great tutorial ! Where can I learn more javascript games?

[seymanurguney]

I cannot open starter template and final game files what is wrong with that...

[ParkourKarthik]

That's a lovely tutorial. Thanks for it.

[anilgr]

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)

[AdityaSingh-kwbi]

please update the link of files in description

[Arthur-cdvg]

how do u even put a bird image in a coding script

[Tai]

how can i animate the bird while jumping ! !

[RagHelen]

There is only one bug: That bird doesn't flap!

[skazokmaster]

Could you replicate in Java my game "Ouchy bird"? :)

[kachisideo]

when i tried it, it didn't work