Skip to content

๐ŸŽ‰Welcome to my Flappy Bird game! ๐ŸŽ‰ This project recreates the classic game using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript with HTML5 Canvas. ๐Ÿš€

Notifications You must be signed in to change notification settings

nidhiupman568/FLAPPY-BIRD-GAME

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿฆ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) ๐Ÿ“ธ

FLAPPY BIRD ๐Ÿฆ

About

๐ŸŽ‰Welcome to my Flappy Bird game! ๐ŸŽ‰ This project recreates the classic game using ๐ŸŒ HTML, ๐ŸŽจ CSS, and ๐Ÿ’ป JavaScript with HTML5 Canvas. ๐Ÿš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published