game-setup-and-config

Create a Phaser.Game instance by passing a GameConfig object with type, dimensions, and a scene class. The constructor parses the config, creates global managers, waits for DOMContentLoaded, creates the renderer, and starts the game loop automatically.

Set pixelArt: true in the config, which automatically sets antialias to false and roundPixels to true for crisp scaled sprites. For WebGL-only smooth edges between blocky pixels, use smoothPixelArt: true instead.

Phaser.AUTO uses WebGL when supported and falls back to Canvas otherwise, while Phaser.WEBGL forces WebGL with no fallback and fails silently if unsupported. Phaser.CANVAS forces the Canvas renderer, and HEADLESS runs without rendering for unit testing.

Yes, Phaser.Scale.FIT fits the canvas inside the parent while keeping the aspect ratio, producing letterboxing. RESIZE fills the parent ignoring aspect ratio, and ENVELOP covers the parent possibly overflowing.

fps.target is advisory only and does not enforce the frame rate. Use fps.limit to actually cap FPS, but note the limit can only slow the game down since the browser display refresh rate is always the upper bound.

Width, height, zoom, and parent can be set at the top level or inside the scale sub-object, but scale values take priority when both are present. Avoid setting both to prevent confusion and conflicting configuration.