Flappy Bird Game banner

Flappy Bird Game

1 devlog
1h 28m 49s

This project is a simple Flappy Bird game built using HTML, CSS, and vanilla JavaScript. The game runs directly in the browser and does not require any external libraries or frameworks. The player controls a bird that falls continuously due to gra…

This project is a simple Flappy Bird game built using HTML, CSS, and vanilla JavaScript. The game runs directly in the browser and does not require any external libraries or frameworks. The player controls a bird that falls continuously due to gravity. Clicking anywhere on the page makes the bird jump upward. The goal of the game is to pass through the gaps between obstacles without hitting them. The score increases every time the bird successfully passes an obstacle. The game ends when the bird hits an obstacle or touches the top or bottom of the game area. After game over, the score is displayed and the game automatically restarts. The game is designed to be played using the mouse only. To play the game, open the index.html file in any modern web browser and start clicking to keep the bird flying.

Demo Repository

Loading README...

yousef_7abib

Shipped this project!

Hours: 1.48
Cookies: 🍪 3
Multiplier: 1.78 cookies/hr

I made a Flappy Bird–style game using HTML, CSS, and JavaScript.
The game works by having a bird that constantly falls due to gravity, and the player clicks to make it jump through gaps in obstacles.
I learned how to create interactive web projects, manipulate elements with JavaScript, and combine animations and logic to make a simple game.
Through this project, I improved my understanding of web development and how to make web pages respond to user actions.