Flappy Bird Clone

Build a polished web clone of Flappy Bird, the 2013 one-tap arcade game: tap, click or press Space to flap a little bird through gaps between green pipes. Draw everything in code on one HTML canvas (no image or sound files), at the original's 288 x 512 playfield scaled up with crisp nearest-neighbour pixels.

It is Flappy Bird on screen: its name, the "FlappyBird" wordmark and its own words ("Get Ready!", "TAP", "Game Over", "MEDAL", "SCORE", "BEST", "NEW"). Copy the look and mechanics but draw an ORIGINAL bird: "Pip", a round pixel chick with a two-feather tuft, a pointed orange beak and a pink cheek, as text pixel maps with a dark plum outline (#543847), in yellow, blue and red skins.

SHELL
One full-window canvas. On wide screens the playfield is a centred portrait column; the scenery continues dimmed on both sides with "SPACE or CLICK to flap" and "P pause   M mute" in the left margin. Opens straight on the title screen: no splash, login or prompt.

SCREENS
1. Title: the "FlappyBird" wordmark (cream fill, orange and plum outlines), the bird bobbing in the middle, ground scrolling, and two white pixel buttons with an orange lip: Play (green triangle) and Score (orange bars). A small credit line on the sand.
2. Get Ready: fade through dark, a new run picks a random bird colour and day or night. Big white "0" at the top, green "Get Ready!", a grey ghost bird, an up arrow, a pointing hand and two red "TAP" arrow signs. The bird bobs until the first tap.
3. Play: gravity pulls the bird down, each tap kicks it up; it tilts up after a flap and nose-dives as it falls, wing flapping in 3 frames. Pipe pairs with a 102 px gap at random heights scroll left; score +1 as each pipe's middle passes the bird, shown in big white outlined digits. Pause button top-left (P or Esc), mute button top-right (M). Touching a pipe or the ground: white flash, a small shake, the bird drops to the ground.
4. Game Over: orange "Game Over" drops in, a sand scoreboard slides up with MEDAL (bronze 10, silver 20, gold 30, platinum 40, with a twinkle), SCORE counting up, BEST and a red "NEW" tag on a new best (saved in localStorage); then Play and Score buttons.
5. Leaderboard (Score button): a sand panel ranking 9 fictional players (Maya C 143, Theo B 97, Priya N 88 ...) plus "You" with your best, small medals per row, and an OK button.

LOOK
Day sky #4EC0CA with pale clouds, a light skyline and a green bush band; night sky #008793 with stars and lit yellow windows. Ground: plum line, diagonal green stripes (#9CE659 / #73BF2E) scrolling at pipe speed, sand #DED895. Pipes: #73BF2E with a pale highlight stripe, dark right edge and a wider lip. A 5x7 pixel font with outline rings for every word.

RULES
Physics in game units per second: gravity 1440, flap -340, max fall 640, scroll 120, pipe spacing 172. Sound effects (wing, point, hit, die, swoosh) synthesised with Web Audio, with a saved mute. ?demo=1 runs an attract mode: a bot plays a run, misses after &target=N, shows the Game Over panel and starts again.

REMIX-READY
brand.ts holds the name, words, colours, physics and medal thresholds; fixtures.ts the leaderboard; the bird is editable text pixel maps; rules, rendering, screens, buttons, audio and the bot each live in small files. README.md maps it all.