Doraemon Flappy Bird - Vanilla JS Game

60 FPS gameplay on low-end devices with zero dependencies.

GitHubLive Demo
Vanilla JavaScriptHTML5 CanvasCSS3Responsive DesignGame Dev

A lightweight, high-performance Flappy Bird clone built entirely with vanilla JavaScript and HTML5 Canvas - no frameworks, libraries, or external dependencies.

The Challenge

Learn core game development concepts (physics, rendering, input handling) without relying on engines or third-party tools, while ensuring smooth 60 FPS performance even on low-end devices.

Key Decisions & Tradeoffs

  • No external libraries: implemented custom physics, collision detection, and frame-loop logic from scratch to understand foundational game mechanics.
  • Multi-input support: unified touch, mouse, and keyboard events into a single control abstraction for cross-device compatibility.
  • Performance-first design: avoided DOM manipulation, using pure Canvas 2D rendering to minimize browser load and enable static hosting.

Outcome

Delivered a sub-100KB, zero-dependency game that runs at 60 FPS on budget Android devices, proving complex interactions don't require heavy tooling.