tilemaps

Loads Tiled JSON maps and creates tilemap layers in Phaser 4.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/arnaudruffin/dvx-phaser-game --skill tilemaps-arnaudruffin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tilemaps
Source: https://github.com/arnaudruffin/dvx-phaser-game/tree/main/.agents/skills/tilemaps
Command: npx skills add https://github.com/arnaudruffin/dvx-phaser-game --skill tilemaps-arnaudruffin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Tilemap management and rendering in Phaser 4 can be complex, requiring correct loading of Tiled JSON maps, layer creation, collision setup, and camera handling to render levels correctly.

Core Features & Use Cases

  • Load Tiled JSON maps and create tilemap layers
  • Configure tile collisions, properties, and dynamic tiles
  • Support multiple orientations and camera culling for performance
  • Use case: rapidly prototype 2D levels with tile-based layouts

Quick Start

Load a Tiled JSON map and create a tilemap layer using the API to render your first level.

Frequently Asked Questions about tilemaps

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

FAQPage Schema
How do I load Tiled JSON maps and create tilemap layers in Phaser 4?

To load Tiled JSON maps in Phaser 4, use the tilemap API to parse the map data and generate tilemap layers. This allows you to render your first level by creating layers configured with specific tile properties and collision setups.

How do I configure tile collisions and dynamic tiles for a Phaser game level?

Configuring tile collisions and dynamic tiles in Phaser involves applying specific tile properties to your generated layers. This setup ensures that physical interactions function correctly across your tile-based game level layout.

What is the best way to optimize tilemap rendering and camera culling for varied map orientations?

Optimizing tilemap rendering for varied map orientations relies on implementing camera culling. This process ensures that only visible tiles within the camera viewport are rendered, significantly improving game performance.

Can I use Tiled JSON files to rapidly prototype 2D levels with tile-based layouts?

Yes, you can use Tiled JSON files to rapidly prototype 2D levels. By loading the JSON data into Phaser 4, you can quickly create tile-based layouts and configure collision areas for immediate level design testing.

Does Phaser 4 tilemap management support multiple map orientations for level design?

Phaser 4 tilemap management explicitly supports multiple map orientations. This allows developers to render and interact with varied level designs, applying correct camera culling and parsing logic for each specific orientation.