tilemaps

Load Tiled JSON maps, create layers, set collisions, and manage camera culling in Phaser 4.

Updated Apr 25, 2026
One-click install
npx skills add https://github.com/dzyamik/furry-match3 --skill tilemaps-dzyamik
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tilemaps
Source: https://github.com/dzyamik/furry-match3/tree/main/.claude/skills/tilemaps
Command: npx skills add https://github.com/dzyamik/furry-match3 --skill tilemaps-dzyamik

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Tilemap workflows in Phaser 4 can be complex, requiring knowledge of loading Tiled JSON maps, creating layers, configuring collisions, and managing camera culling; this skill consolidates guidance to streamline these tasks.

Core Features & Use Cases

  • Loading Tiled JSON maps and assets into Phaser
  • Creating and managing TilemapLayer and TilemapGPULayer
  • Setting tile collisions, properties, and dynamic tiles
  • Handling camera culling and coordinate conversions
  • Use case: building multi-layer platformers with orthogonal or isometric maps
  • Use case: prototyping procedurally generated tile maps and testing collisions

Quick Start

Load a Tiled JSON map and create a collision-enabled layer in Phaser.

Frequently Asked Questions about tilemaps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I load a Tiled JSON map and set up collisions in Phaser 4?

To load Tiled JSON maps in Phaser 4, use the tilemap API to import the map data, create TilemapLayer objects, and enable collisions by defining tile properties. This process configures interactive boundaries for your game environment.

How do I configure isometric tilemaps and camera culling in Phaser?

Configure isometric tilemaps in Phaser by loading the Tiled JSON export and adjusting coordinate conversions. Camera culling is managed automatically by the tilemap APIs to optimize rendering across dynamic tile setups.

Does this Phaser tilemap workflow support both orthogonal and isometric maps?

Yes, this Phaser tilemap workflow fully supports both orthogonal and isometric maps. It handles coordinate conversions and camera bounds configuration across these map types, making it suitable for multi-layer platformers.

What is the difference between TilemapLayer and TilemapGPULayer in Phaser 4?

TilemapLayer and TilemapGPULayer are both used for creating and managing map layers in Phaser 4. TilemapGPULayer provides hardware-accelerated rendering, optimizing dynamic tile setups and camera culling for complex scenes.

Why are my dynamic tile properties not working after loading a Tiled JSON map?

Dynamic tile properties require explicit configuration after loading the Tiled JSON map. Use Phaser 4 tilemap APIs to set collisions and define specific tile properties dynamically, ensuring the game state reflects interactive map changes.

Can I use this skill to prototype procedurally generated tile maps in Phaser?

Yes, you can prototype procedurally generated tile maps in Phaser by utilizing the dynamic tile setup features. The workflow supports testing collisions and managing dynamic layers for generated map data.