← Blog

Browser Game Development

Game loop design, collision detection, pathfinding, and tooling for browser games

game developmentcanvastypescriptgame loopcollision detectionpathfindingmazephysics

Comparison guides for this topic

Comparison guides repeatedly referenced across this topic, collected as the next practical step.

Browse more Picks →

7 articles

#119 min

Browser Game Developer Setup 2026 — The Toolchain Behind 203 Components

A tour of the development environment for building 203 browser games and interactions. Claude Code-centric workflow, bun + Biome + Vite, and parallel development with Git Worktree.

#214 min

Building a Breakout Game in the Browser — Mastering Reflection Angles and Level Design with Canvas API

Implementing a Breakout game using Canvas API and requestAnimationFrame. Covers paddle reflection angle calculation, block layout level design, and score management through component implementation.

#319 min

Comparing Maze Generation Algorithms — Structural Differences Between Recursive Backtracking, Kruskal, and Prim

Comparing the characteristics of multiple maze generation algorithms including recursive backtracking, Kruskal's, and Prim's, and the structural differences in the mazes they produce.

#411 min

Visualizing Pathfinding Algorithms — Watching A*, BFS, and DFS Solve a Maze

Techniques for visualizing the search process of A*, BFS, and DFS implemented in the MazeRunner component, with a comparison of each algorithm.

#59 min

Collision Detection Fundamentals — Circles, Rectangles, and Impulse-Based Response

A deep dive into circle-circle and circle-rectangle collision detection algorithms, restitution-based bounce control, and the math behind impulse-based collision response, explained through the physics.ts implementation.

#610 min

Designing a Type-Safe Game Loop in TypeScript — State Management for Snake and Tetris

Game state management and frame rate control using TypeScript's type system, explored through Snake, Tetris, and Breakout implementations.

#718 min

Pinball Physics Simulation — Implementing Flippers, Bumpers, and Gravity with Canvas API

Implementing pinball physics with Canvas API. Covers flipper rotational motion, bumper restitution, gravity, and ball behavior.