← Games
🐦
Flappy Flyer
One tap keeps you airborne. One mistake ends the run. Build the tiny game that broke phones everywhere.
🟡 MediumDifficulty
3-4 hoursTime
JavaScript, TypeScriptLanguages
What you're building
A side-scrolling bird that constantly falls under gravity, and a single flap keeps it aloft. Pipes with gaps scroll toward you endlessly, and threading each one earns a point. It's simple to build and brutally hard to master — exactly what made the original a viral sensation.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- Basic Canvas drawing
- A code editor
- A browser
🗺️ Build roadmap
01 Set up the canvas and game loop
→
02 Draw and animate the bird falling under gravity
→
03 Make the bird flap on click/spacebar
→
04 Generate scrolling pipes with random gaps
→
05 Detect collisions between the bird and pipes/ground
→
06 Track score for each pipe passed
→
07 Add a game-over and restart screen
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free