I made a Flappy Bird clone where you play as Nyan Cat flying through Mario-style pipes. The whole game runs in the browser as a single HTML file with no installs or dependencies, and everything including Nyan Cat, the rainbow trail, the pipes, and the boosters are drawn from scratch every frame using the HTML5 Canvas API.
The hardest part was getting it to actually run in the browser. I originally built it in Python with Pygame but Codespaces has no display so I had to learn how to convert the whole thing to JavaScript using the Canvas API and rewrite all the drawing logic from scratch.
I am most proud of the rainbow trail and the procedural Nyan Cat animation. The legs, tail, and body all animate using sine waves so there are zero image files in the entire project.
To test it just open the link, press SPACE or tap the screen to flap, and try to collect the boosters. The star makes you invincible, the mushroom makes you giant, the lightning bolt slows the pipes down, and the coins give you +5 points.
- 7 devlogs
- 9h