tilemaps

Load Tiled JSON maps and manage tilemap collisions in Phaser.

3|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/Autinhorse/levelcraft --skill tilemaps-autinhorse
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tilemaps
Source: https://github.com/Autinhorse/levelcraft/tree/main/games/docs/phaser-skills/tilemaps
Command: npx skills add https://github.com/Autinhorse/levelcraft --skill tilemaps-autinhorse

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the process of managing tile-based levels in Phaser, enabling developers to load, create, and manipulate complex tilemaps efficiently.

Core Features & Use Cases

  • Loading and parsing Tiled JSON maps: Import level designs created in Tiled into Phaser projects.
  • Creating tilemap layers and setting collisions: Render layers with collision properties for interactive gameplay.
  • Dynamic map editing: Modify tiles at runtime, generate layers on the fly, and perform region queries to support procedurally generated or interactive levels.
  • Use Case: A game developer wants to load a custom-designed level from Tiled, set specific tiles as collidable, and dynamically update parts of the map during gameplay for puzzles or environment changes.

Quick Start

Load a Tiled JSON map and create a layer with collision enabled, then update a tile during gameplay.

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 into a Phaser 2D game?

To load a Tiled JSON map into Phaser, import the level design file and parse it to create tilemap layers. This process allows you to render the custom-designed level and prepare its properties for gameplay.

How do I set up tile collisions in a Phaser tilemap?

Setting up tile collisions in Phaser involves creating tilemap layers and assigning collision properties to specific tiles. This defines the interactive boundaries within your 2D game level.

Can I dynamically edit Phaser tilemap tiles at runtime?

You can dynamically edit Phaser tilemaps at runtime by modifying tiles, generating layers on the fly, and performing region queries. This supports procedurally generated levels and interactive environment changes during gameplay.

What is the best way to integrate Tiled object layers in Phaser?

Integrating Tiled object layers in Phaser is handled through the tilemap manipulation methods, which support object layer integration. This ensures rapid development and dynamic level handling for interactive gameplay elements.

Does this Phaser tilemap approach support procedural level generation?

Yes, this approach supports procedural level generation by allowing dynamic map editing and runtime tile modification. You can generate layers on the fly and perform region queries to build interactive environments dynamically.

Why use Tiled JSON maps for 2D game levels in Phaser?

Using Tiled JSON maps for 2D game levels in Phaser streamlines level management by importing custom designs and setting specific tiles as collidable. It enables rapid development and dynamic updates for puzzles or environment changes.