tilemaps

Integrate Tiled JSON maps into Phaser 4 scenes with layers and collisions.

Updated Mar 13, 2026
One-click install
npx skills add https://github.com/Dominik-Steinweg/Fragdachse --skill tilemaps-dominik-steinweg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: tilemaps
Source: https://github.com/Dominik-Steinweg/Fragdachse/tree/main/.agents/skills/tilemaps
Command: npx skills add https://github.com/Dominik-Steinweg/Fragdachse --skill tilemaps-dominik-steinweg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill simplifies the complex process of integrating Tiled JSON maps into Phaser 4, handling the technical overhead of layer management, collision detection, and GPU-accelerated rendering.

Core Features & Use Cases

  • Tiled Integration: Seamlessly load and render Tiled JSON maps with support for orthogonal, isometric, and hexagonal orientations.
  • Physics & Collision: Easily configure Arcade Physics collisions using tile indexes, properties, or Tiled collision shapes.
  • Performance Optimization: Utilize high-performance GPU layers for large-scale maps while maintaining smooth rendering.

Quick Start

Use the tilemaps skill to load a Tiled JSON file named map.json and create a collision-enabled ground layer using the tileset image tiles.png.

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 map data into Phaser 4 game scenes?

To load Tiled JSON map data into Phaser 4, you manage tilemap layers and tilesets to integrate complex map orientations directly into your game scenes. This process handles the technical overhead of rendering and coordinate conversion automatically.

What's the best way to configure Arcade Physics collisions using Tiled tile properties?

Configuring Arcade Physics collisions using Tiled properties involves defining collision detection rules based on specific tile indexes, custom properties, or Tiled collision shapes. This enables precise physical interactions within your game environment.

Does Phaser 4 support GPU-accelerated rendering for large-scale tilemaps?

Phaser 4 supports GPU-accelerated rendering for large-scale tilemaps by utilizing high-performance GPU layers. This maintains smooth rendering performance even when displaying extensive game environments.

Can I render isometric and hexagonal map orientations from Tiled in Phaser?

You can render isometric and hexagonal map orientations from Tiled in Phaser by parsing the Tiled JSON file. It supports orthogonal, isometric, and hexagonal orientations for diverse game development workflows.

How do I parse object layers from Tiled JSON during tilemap integration?

Parsing object layers from Tiled JSON during tilemap integration involves extracting collision shapes and properties defined in Tiled. This facilitates efficient tile manipulation and object layer parsing for game development workflows.