Remix Library / Games

Flappy Square

Tap to flap through the pipes. Gravity is not your friend.

Beginner HTML · CSS · JavaScript
No account needed: you’ll start as a guest.
read-only · remix to edit
Preview

What you'll learn

  • Gravity & velocity
  • Spawning objects
  • Collision boxes
  • Click & key input
  • High scores

Challenges

Remix it, then try these. Each one is a bit harder than the last.

  1. Change GRAVITY and FLAP and see how the game feels.
  2. Make the gaps between pipes get smaller as your score goes up.
  3. Draw the bird as a circle with an eye instead of a square.
  4. Add coins between some pipes that give bonus points.
  5. Add a day/night cycle: fade the sky color every 10 points.