The Challenge
Problem
Wanted to understand the core mechanics of game loops, collision detection, and frame-rate independent physics without relying on heavy engines like Unity.
Solution
Built a custom game engine from scratch. Implemented AABB collision detection, a gravity/velocity physics state, and a sprite animation system.
Engineering Hurdles
Frame Rate Consistency
The game loop ran faster on high-refresh-rate monitors. Implemented delta-time (dt) calculations to decouple physics updates from frame rendering.
Key Features
Custom Physics Engine (Gravity, Velocity, Drag)
Pixel-perfect Collision Detection
Local Storage High Score System
Responsive Canvas Scaling
Tech Stack
core
HTML5 Canvas API, Vanilla JavaScript
styling
CSS3 Variables, Retro Pixel Fonts
tools
Vite
My Role
Game Developer