Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nidhiupman568/flappy-bird-game
🎉Welcome to my Flappy Bird game! 🎉 This project recreates the classic game using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🚀
https://github.com/nidhiupman568/flappy-bird-game
css front-end-development html interactive-web-design javascript web-animation web-development whac-a-mole-game
Last synced: 3 days ago
JSON representation
🎉Welcome to my Flappy Bird game! 🎉 This project recreates the classic game using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🚀
- Host: GitHub
- URL: https://github.com/nidhiupman568/flappy-bird-game
- Owner: nidhiupman568
- Created: 2024-06-06T21:31:20.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-09-06T20:26:22.000Z (2 months ago)
- Last Synced: 2024-09-07T22:06:53.705Z (2 months ago)
- Topics: css, front-end-development, html, interactive-web-design, javascript, web-animation, web-development, whac-a-mole-game
- Language: JavaScript
- Homepage: https://flappy-bird-game-nidhiupman.vercel.app/
- Size: 66.4 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🐦Flappy Bird Game 🎮
🎉Welcome to my Flappy Bird game! 🎉 This project recreates the classic game using 🌐 HTML, 🎨 CSS, and 💻 JavaScript with HTML5 Canvas. 🚀
Project Demo: https://nidhiupman568.github.io/FLAPPY-BIRD-GAME/
## Features 🌟
- **Game Loop 🔄**: Smooth gameplay with continuous updates. 🎮
- **Interactive Graphics 🖼️**: Dynamic images rendered on the canvas. 🌈
- **Simple Controls 🎯**: Click to make the bird jump. 🐦
- **Random Obstacles 🌵**: Pipes generated randomly and move across the screen. 🔄
- **Collision Detection 💥**: Accurate collision detection between the bird and pipes. 🔍
- **Score Tracking 🏆**: Real-time running score display. 📈
## How to Play 🎮
1. **Start the Game 🚀**: Open `index.html` in your browser. 🌐
2. **Jump 🐦**: Click or tap to make the bird fly. ⬆️
3. **Avoid Pipes 🌵**: Navigate through without hitting the pipes. 🛡️
4. **Score Points 🏅**: Earn points for each pipe passed. 📈
## Getting Started 🚀
1. Clone the repository: 'https://github.com/nidhiupman568/FLAPPY-BIRD-GAME.git' 🌀
2. Open the `index.html` file in your browser. 🌐
## Technologies Used 💻
- **HTML5 🌐**
- **CSS3 🎨**
- **JavaScript 💻**
#### Screenshots (Output) 📸
 🐦