Your First HTML5 Game

Setting up VS Code and creating your project structure.

Start Tutorial

Coordinate systems, clearing the canvas, and moving rectangles.

Start Tutorial

Understanding requestAnimationFrame and the heartbeat of every game.

Start Tutorial

AABB (Axis-Aligned Bounding Box) collision logic.

Start Tutorial

Record keyboard input and use it inside the game loop.

Start Tutorial

Keep score, restart cleanly, and know when a game has ended.

Start Tutorial

Combine the pieces in a small game you can play and improve.

Open Project Route