web-games

Choose based on game type: Phaser 4 for full-featured 2D games, PixiJS 8 for 2D rendering and UI, Babylon.js 7 for 3D games needing physics and XR, and Three.js for lightweight 3D rendering and visualizations.

Phaser 4 provides full game engine features like physics and scene management for complete 2D games. PixiJS 8 focuses on raw rendering power and UI, better when you want to build custom game logic on top.

WebGPU is supported in Chrome and Edge since v113, Firefox since v131, and Safari since 18.0, covering roughly 73% of global users. New projects should use WebGPU with a WebGL fallback and feature-detect via navigator.gpu.

Browsers block audio autoplay until user interaction occurs. Create the AudioContext on the first click or tap, resume it if suspended, and use the Web Audio API with pooled, preloaded sounds.

Use KTX2 with Basis Universal for textures, WebM/Opus for audio with MP3 fallback, and glTF with Draco or Meshopt compression for 3D models. Keep startup assets under 2MB and stream the rest on demand.

Common anti-patterns include loading all assets upfront, ignoring tab visibility, blocking on audio load, skipping compression, and assuming fast connections. Instead use progressive loading, pause when hidden, and compress everything.