tldr: I built a simple endless-runner game called Superdad as a fun browser game project.
The game is built with plain HTML, CSS, and JavaScript, with gameplay rendered on a <canvas>. You dodge moving obstacles, keep jumping, and try to survive as long as possible while the score keeps increasing. I initally built it as a last minute Father’s Day gift for my husband, with a handdrawn diaper as the obstacle (instead of the football you currently see). The diaper icon was…not well drawn, so I switched it out for a football.
What I built
- A custom game loop using
requestAnimationFrame - Obstacle spawning and collision detection
- Keyboard + tap controls for jump
- Score and best-score tracking
- Responsive game board sizing
Why this project
I wanted to build something playful while learning core frontend fundamentals without a framework. This project helped me practice game logic, timing, physics basics, and UI polish in pure vanilla JS.