tilemaps

Load the map with this.load.tilemapTiledJSON and the tileset image with this.load.image in preload, then call this.add.tilemap, map.addTilesetImage, and map.createLayer in create. The tileset and layer names must match the names defined in Tiled exactly.

Call setCollision with tile indexes, setCollisionBetween for ranges, setCollisionByProperty for Tiled custom properties, or setCollisionByExclusion on the layer. Then add this.physics.add.collider between your sprite and the layer for Arcade Physics to resolve collisions.

TilemapGPULayer is a WebGL-only layer that renders the whole layer as one quad via a shader, but it supports only orthographic maps and a single tileset per layer. TilemapLayer supports multiple tilesets and isometric, hexagonal, and staggered orientations.

The most common cause is a mismatch between the tileset or layer name in your code and the names defined in Tiled, which makes addTilesetImage or createLayer return null. Also note each layer can only be created once, and group layer children use a 'GroupName/LayerName' prefix.

TilemapGPULayer does not automatically refresh after edits like putTileAt. You must call generateLayerDataTexture() after modifying tiles so the GPU data texture is regenerated and the changes become visible.

No, the Phaser Tiled parser does not support Collection of Images tilesets. All tiles in a tileset must come from a single tileset image, and tilesets must be embedded in the exported JSON.