tilemaps

Load Tiled JSON, CSV, or array maps into Phaser 4 and configure tile collisions.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill tilemaps
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tilemaps
Source: https://github.com/Raphe-dev/phaser-cozy-mmo/tree/main/skills/tilemaps
Command: npx skills add https://github.com/Raphe-dev/phaser-cozy-mmo --skill tilemaps

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Phaser tilemaps can be complex to load, render, and collide correctly across different tilemap formats; this skill consolidates the workflow.

Core Features & Use Cases

  • Load Tiled JSON, CSV, or array-based maps into Phaser 4
  • Create and manage multiple layers (CPU and GPU) with proper collision, properties, and rendering
  • Support for isometric, orthogonal, hexagonal layouts; handle camera culling and dynamic tiles for gameplay scenarios
  • Use cases include platformers, top-down maps, and procedurally-generated levels with tile properties

Quick Start

Preload a Tiled JSON map and its tileset, then create a tilemap layer and enable collision properties for 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 and set up tile collisions in Phaser?

To load Tiled JSON maps in Phaser, preload the map data and tileset, then construct a tilemap layer and configure tile collisions using assigned tile properties. This enables physical interactions for platformer or top-down gameplay.

Does Phaser support multiple tilemap layers with different rendering modes?

Phaser supports creating and managing multiple tilemap layers using either CPU or GPU-accelerated rendering. You can configure individual layer properties, apply camera culling, and handle dynamic tiles for optimized performance.

Can I use isometric and hexagonal map layouts with Phaser tilemaps?

Phaser tilemaps support isometric, orthogonal, and hexagonal layout formats. You can load these Tiled JSON or array-based maps and construct layers while handling camera culling for various gameplay scenarios.

What is the best way to configure tile properties for procedurally generated levels in Phaser?

Configuring tile properties for procedurally generated levels in Phaser involves constructing layers from array-based map data and assigning collision properties dynamically. This allows flexible gameplay interactions across generated tiles.

Why are my Phaser tilemap collisions not working correctly across multiple layers?

Tilemap collisions in Phaser require correctly constructing layers and explicitly configuring collision properties for specific tiles. Ensure collision settings are applied per layer and map data is loaded accurately before enabling physics.

Do I need GPU-accelerated rendering for large Phaser tilemaps?

GPU-accelerated rendering is an optional feature in Phaser for optimizing large tilemaps. It improves rendering performance for complex maps with multiple layers, but standard CPU rendering remains sufficient for simpler gameplay scenarios.