skills.rest
ArtRiv
ArtRivCOMMUNITY
Explore all skills by this author →
GitHub

tilemaps

Loads Tiled maps in Phaser Tigame and configures collision and tile callbacks for gameplay systems.

Updated Feb 11, 2026
Search Tags:#collision#phaser#tilemaps#arcade physics#tile properties#tiled json#gpu layer
One-click install
npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill tilemaps-artriv
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tilemaps
Source: https://github.com/ArtRiv/game-topicos-especiais/tree/main/skills/tilemaps
Command: npx skills add https://github.com/ArtRiv/game-topicos-especiais --skill tilemaps-artriv

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you load and render Tiled tilemaps in Phaser while correctly wiring tilesets, layers, collision behavior, and runtime tile interactions so your level logic works as intended.

Core Features & Use Cases

  • Load Tiled maps and assets: Convert Tiled JSON into a usable Phaser Tilemap, then attach the matching tileset image.
  • Create and manage tile layers: Build CPU-rendered TilemapLayer or GPU-accelerated TilemapGPULayer layers with correct orientation constraints.
  • Collision, properties, and callbacks: Enable Arcade Physics collision by tile index, range, or Tiled properties, and use tile callbacks to react to specific tiles during gameplay.

Quick Start

Use the tilemaps skill to load a Tiled JSON map and tileset image, create a named layer from the Tiled layer ID, and enable collision on selected tile indexes.

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 tilemap into Phaser and link the tileset image?▼

Loading a Tiled JSON tilemap into Phaser requires converting the JSON file into a Tilemap object and attaching the matching tileset image to create usable, renderable layers for gameplay.

How do I enable Arcade Physics collision on specific tiles in a Phaser tilemap?▼

You can enable Arcade Physics collision in a Phaser tilemap by configuring collision on specific tile indexes, index ranges, or Tiled properties, allowing physics-aware responses during gameplay interactions.

Can I use GPU-accelerated tile layers in Phaser and what constraints apply?▼

Phaser supports GPU-accelerated TilemapGPULayers alongside CPU-rendered TilemapLayers, but GPU layers have orientation constraints and require regeneration after runtime edits to maintain correct rendering.

How do I set up tile callbacks to react to specific tiles during Phaser gameplay?▼

Setting up tile callbacks in Phaser involves configuring tile-level interactions on a TilemapLayer, enabling your gameplay systems to trigger specific responses when players contact designated tiles.

What is the best way to handle coordinate queries and tile editing in a Phaser tilemap?▼

Handling coordinate queries and tile editing in a Phaser tilemap involves using TilemapLayerBase APIs to correctly map Tileset and Tile data, ensuring accurate spatial queries and layer regeneration after modifications.

Related Skills

Explore More Software Engineering Skills→
Joshua-AllenJoshua-Allen

tilemaps

Load, create, and manipulate tilemap layers, collision, and camera culling in Phaser 4.

Community
Intermediate
mahirocokomahirocoko

physics-arcade

Configure Arcade Physics for Phaser 4 sprites, groups, and collisions.

Community
Advanced
achmfachmf

2d-games

Provide architectural principles for 2D game development with sprite systems and tilemap design.

Community
Intermediate
WanderTheWeebWanderTheWeeb
1

tilemaps

Load and render Phaser 4 tilemaps from Tiled JSON with collision and tile properties.

Community
Intermediate