HTML-JavaScript

JS and HTML project

🐤 Flappy Bird Clone - JavaScript Game

A simple Flappy Bird clone built using HTML5 Canvas and Vanilla JavaScript. This project is a fun implementation of basic game development concepts including sprite movement, collision detection, gravity simulation, and event handling.

---

🎮 How to Play

• Press Space, Arrow Up, X, or Enter to make the bird jump.
• Avoid the pipes.
• The game ends if the bird hits a pipe or falls off the screen.
• Press Enter or any jump key again to restart the game.

---

🚀 Features

• Smooth gravity-based movement
• Randomly generated pipes
• Collision detection
• Score tracking
• Basic game reset functionality

---

📁 Project Files

• index.html – Main HTML file containing the canvas element.
• game.js – JavaScript logic for game loop, physics, collision detection, and UI.
• flappybird.png – Sprite for the bird.
• toppipe.png – Image for the upper pipe.
• bottompipe.png – Image for the lower pipe.

---

🖼 Screenshot

(Add your own screenshot here if you like)

---

🛠 Requirements

• A modern web browser (Chrome, Firefox, Edge, etc.)
• No additional libraries required

---

▶️ How to Run

1. Clone the repository or download the files.
2. Make sure the following files are in the same folder:
   • index.html
   • game.js
   • flappybird.png
   • toppipe.png
   • bottompipe.png
3. Open index.html in your browser.
4. Start playing!

---

💡 Future Improvements (Optional Ideas)

• Add sound effects
• Improve graphics with animations
• Add difficulty levels
• Create a mobile version
• Add high score tracking

---

🧑‍💻 Author

This project was created by [Your Name] as part of learning JavaScript and canvas-based game development.

---

📜 License

This project is free to use and modify for learning purposes.