Tutorials

Subscribe via RSS

Hands-on guides for building web games. Each tutorial is self-contained with copy-paste code.

Getting Started

• Canvas 2D game loop fundamentals — Build a solid game loop foundation
• WebGL fundamentals for game developers — GPU rendering basics
• WebGPU getting started — Modern GPU API for the next generation

Physics

• Game physics for web games — Compare Rapier, Cannon-es, Ammo.js, Matter.js, Planck.js and more

Input & Controls

• Game input handling (keyboard, mouse, touch, gamepad) — Unified input across devices
• Gamepad API for web games — Console-quality controller support
• Pointer Lock for FPS games — Mouse-look camera controls

Graphics & Rendering

• Responsive game canvas — Pixel-perfect scaling
• Pixel art rendering — Crisp retro graphics
• Text rendering in games — From simple labels to dialogue systems

Audio

• Web Audio API for games — Sound effects, music, and spatial audio
• Tone.js for game audio — Synthesized sounds and dynamic music

Data & Storage

• Save and load with IndexedDB — Persistent game saves
• Streaming asset loading — Load progressively, play faster

Performance & Optimization

• Ship a web game that loads fast — Practical performance checklist
• Web Workers for game logic — Offload heavy computation
• Enable Wasm threads (SharedArrayBuffer) — Cross-origin isolation setup

Networking

• WebSocket multiplayer basics — Real-time multiplayer patterns

Mobile & Platform

• Mobile-friendly web games — Touch, performance, and responsive design
• PWA for offline games — Install and play anywhere
• Service workers for game caching — Instant loads on repeat visits
• Iframe embedding best practices — Make your game embeddable everywhere

VR/XR

• WebXR basics for VR games — VR experiences in the browser

Analytics & Monitoring

• Analytics for web games — Track what matters

Tools & Workflow

• Agentic AI code tools — Master Claude Code, Cursor, and GitHub Copilot