Skip to content

A simple and fun Flappy Bird–style browser game built using HTML, CSS, and JavaScript. This project was created for fun and learning, focusing on game logic, animations, and DOM manipulation using pure frontend technologies.

Notifications You must be signed in to change notification settings

Smeer119/Flappy-Bird

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

🐦 Flappy Bird Game

A simple and fun Flappy Bird–style browser game built using
HTML, CSS, and JavaScript

This project was created for fun and learning, focusing on
game logic, animations, and DOM manipulation using pure frontend technologies.



🎮 About the Game

Inspired by the classic Flappy Bird created by Dong Nguyen, this game features a bird named Faby 🐤 that players control by clicking or tapping to make it flap.

🎯 Objective

  • Keep the bird in the air
  • Avoid hitting the pipes
  • Score as high as possible

Despite its simplicity, the game is challenging and addictive, proving how minimal design can create engaging gameplay.


🛠️ Built With

  • HTML – Game structure
  • CSS – Styling, layout, and animations
  • JavaScript – Game logic, collision detection, scoring, and controls

No frameworks. No libraries.
Just pure vanilla JavaScript 🚀


✨ Features

  • 🐦 Smooth bird movement with gravity effect
  • 🚧 Randomly generated pipes
  • 📊 Score tracking system
  • 🔁 Restart on game over
  • 💡 Simple & clean UI
  • ⚡ Lightweight and fast

🎯 Purpose of This Project

  • Practice JavaScript game logic
  • Improve understanding of events, intervals, and DOM updates
  • Learn how simple mechanics create engaging experiences
  • Showcase frontend development skills

📸 Preview




🚀 How to Run Locally

  1. Clone the repository:
git clone https://github.com/Smeer119/Flappy-Bird.git

About

A simple and fun Flappy Bird–style browser game built using HTML, CSS, and JavaScript. This project was created for fun and learning, focusing on game logic, animations, and DOM manipulation using pure frontend technologies.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages