phaser-tilemap

Integrate Tiled JSON map data into Phaser 4 projects.

17|1|Updated Apr 7, 2026
One-click install
npx skills add https://github.com/Yakoub-ai/phaser4-gamedev --skill phaser-tilemap
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: phaser-tilemap
Source: https://github.com/Yakoub-ai/phaser4-gamedev/tree/main/skills/phaser-tilemap
Command: npx skills add https://github.com/Yakoub-ai/phaser4-gamedev --skill phaser-tilemap

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the complexity of integrating external level design tools with Phaser 4, specifically addressing common issues like misaligned tiles, broken collision detection, and missing object layer data.

Core Features & Use Cases

  • Tiled Integration: Provides a standardized workflow for exporting JSON maps from Tiled and importing them into Phaser 4.
  • Collision Management: Simplifies the process of setting up physics colliders based on Tiled properties or tile indices.
  • Object Layer Handling: Enables easy retrieval of spawn points, trigger zones, and custom entity properties defined in the Tiled editor.

Quick Start

Use the phaser-tilemap skill to load my level1.json file and set up collision for the ground layer.

Frequently Asked Questions about phaser-tilemap

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

FAQPage Schema
How do I import a Tiled JSON map into Phaser 4?

Importing a Tiled JSON map into Phaser 4 involves loading the exported JSON file and managing tile layers through structured API calls. This integration handles map data, object layers, and entity properties defined in the Tiled editor.

How do I set up collision detection using Tiled tile properties in Phaser?

Collision detection in Phaser is set up by configuring physics colliders based on Tiled tile properties or tile indices. This synchronizes physics bodies with ground layers to prevent misaligned tiles and broken collision interactions.

How do I get spawn points and trigger zones from a Tiled object layer in Phaser?

Spawn points and trigger zones are retrieved from a Tiled object layer using structured API calls that extract custom entity properties. This facilitates the creation of game levels by providing easy access to object layer entities.

Does this Tiled to Phaser workflow support camera world bounds configuration?

Yes, the Tiled to Phaser integration workflow supports camera world bounds configuration. It satisfies requirements for efficient level design by synchronizing camera limits with the dimensions of your imported level maps.

Why are my Tiled tiles misaligned and collision broken when imported into Phaser?

Misaligned tiles and broken collision detection occur due to the complexity of integrating external level design tools with Phaser 4. Using a standardized Tiled JSON integration workflow resolves these issues by properly managing tile layers and physics body synchronization.