Skip to content

A simple Flappy Bird clone built with HTML5 Canvas and Vanilla JavaScript featuring smooth gameplay, sound effects, and high score tracking.

Notifications You must be signed in to change notification settings

Mehak1314/flappy-bird-game

Repository files navigation

🐦 Flappy Bird Clone

A fun, browser-based clone of the classic Flappy Bird game, built using HTML5 ,CSS3 and Vanilla JavaScript.


🚀 Live Website

Click here to play the game


🎮 How to Play

  • Press Space, Arrow Up, or X to make the bird flap.
  • Navigate the bird through the gaps between pipes.
  • Earn 1 point for every pair of pipes you pass.
  • Avoid hitting the pipes or falling off the screen.
  • After a game over, press the same key to restart.

🚀 Features

  • Random pipe generation with vertical variation
  • Smooth animations using requestAnimationFrame
  • Gravity, velocity, and realistic bird jump behavior
  • Sound effects for jumping and crashing
  • High score tracking with localStorage
  • Game resets instantly after game over

🛠️ Technologies Used

  • HTML5 <canvas>
  • Vanilla JavaScript (ES6) – no libraries or frameworks
  • localStorage for high score saving
  • Audio API for sound effects

🧑‍💻 Developed By

Mehak Garg
🎓 Computer Engineering Student
💡 Exploring Web Development through fun projects like this!


Enjoy flapping and happy coding! 🕹️

About

A simple Flappy Bird clone built with HTML5 Canvas and Vanilla JavaScript featuring smooth gameplay, sound effects, and high score tracking.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published