Phaser 4 Tilemaps

Phaser 4 has first-class support for Tiled map files (JSON format). The recommended workflow is: design in Tiled → export JSON → load in Phaser → create layers → set up collision.

Tiled Editor Workflow

Download Tiled for free at mapeditor.org.

Creating a New Map

1. File → New → New Map
2. Set Orientation to Orthogonal (most 2D games) or Isometric (top-down RPG/strategy)
3. Set Tile layer format to CSV or Base64 — both work with Phaser
4. Set Tile size to match your tileset (common: 16x16, 32x32)
5. Set Map size in tiles (e.g. 40 wide × 23 tall for a 1280x736 map at 32px tiles)

Adding a Tileset