Skip to content

Sajidcodez/FlappyBird-2.0

Repository files navigation

Flappy Bird Web Game

  • This is a web-based version of the classic Flappy Bird game, converted from the original Java implementation to JavaScript, HTML, and CSS for deployment.
  • Original Java version --> https://github.com/Sajidcodez/FlappyBird

Hosting Online

To host this game online 🔗 View Live Website

Features

  • Multiple Game Modes: Easy, Medium, Hard, and Infinite modes with varying difficulty levels
  • Stage Progression System: Progress through 5 stages by reaching score milestones (25, 50, 75, 100 points)
  • Infinite Mode: Play indefinitely with no stages or win condition to set the highest score possible
  • Score Tracking: Automatic score saving with localStorage - stores your top 10 scores with timestamps
  • Score Dashboard: View all your saved scores in a dedicated dashboard
  • How to Play Guide: In-game instructions covering all features and gameplay tips
  • Home Page Navigation: User-friendly interface with clear navigation between game modes, scores, and instructions
  • Win Condition: Reach 100 points to win the game and see a congratulations screen
  • Responsive Design: Works smoothly on different screen sizes
  • Game Over Screen: Shows your final score with option to return home

How to Play

  1. Open index.html in a web browser
  2. Select your preferred game mode:
    • Easy/Medium/Hard: Progress through stages by reaching score milestones
    • Infinite: Play indefinitely to set the highest score possible
  3. Press the spacebar to make the bird jump
  4. Navigate through the pipes without hitting them
  5. Earn 1 point for each pipe you pass through
  6. Regular Modes: Advance through stages and reach 100 points to win!
  7. Infinite Mode: Keep playing to beat your high score
  8. When you game over or win, return to home and check your scores in the dashboard

Difficulty Levels

  • Easy: Slower pipes, longer delays between obstacles
  • Medium: Standard gameplay speed
  • Hard: Faster pipes, shorter delays between obstacles
  • Infinite: No stages, no win condition - play as long as you can!

Technologies Used

  • HTML5 Canvas for rendering
  • JavaScript for game logic
  • CSS for styling

Credits

Original Java implementation converted to a web-based version for deployment purposes.

About

Web Version

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published