A modern, web-based recreation of the classic Flappy Bird game — built using JavaScript, HTML5 Canvas, and CSS. It features dynamic obstacles, custom graphics, sound effects; even gravity-reversing portals and enemy birds to crank up the challenge!
🎮 Play it now: henryw0225.github.io/FlappyBird-Project
Note: Score tracking + leaderboard display is delayed ~1 minute at the start
- Responsive controls with realistic physics
- Dynamic obstacles:
- Randomized pipes and walls
- Enemy birds that fly toward you
- Gravity-reversing portals for added chaos
- Accurate collision detection
- Sound effects:
- Background music
- Flapping
- Collisions
- Portals
- Score system:
- Live score tracking
- Persistent high scores per player
- Custom player names tied to their high scores
- Game over screen with falling animation
- Leaderboard with top 10 scores and players, easily accessible + live updating
- Backend hosted on Render, kept awake with Uptime Robot
- Leaderboard data stored in Supabase for reliability
- Frontend: HTML5, CSS3, JavaScript
- Backend: Node.js + Express (hosted on Render)
- Database: Supabase (PostgreSQL)
- Monitoring: Uptime Robot
Email: hw363929@gmail.com