skills.rest
jallard-007
jallard-007COMMUNITY
Explore all skills by this author →
GitHub

tilemaps

Load Tiled JSON, CSV, or arrays into Phaser 4 tilemaps with layers and collisions.

Updated Apr 13, 2026
Search Tags:#collision#phaser#tilemaps#tiled#layer-management#level-loading
One-click install
npx skills add https://github.com/jallard-007/jallard-ca-server --skill tilemaps-jallard-007
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tilemaps
Source: https://github.com/jallard-007/jallard-ca-server/tree/main/.github/skills/tilemaps
Command: npx skills add https://github.com/jallard-007/jallard-ca-server --skill tilemaps-jallard-007

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Phaser 4 tilemaps can require verbose boilerplate to load maps, create layers, and set up collisions; this skill provides a structured workflow to streamline those tasks and reduce setup time.

Core Features & Use Cases

  • Load and parse Tiled JSON, CSV, or arrays into Phaser tilemaps and switch between CPU and GPU layers.
  • Create and manage TilemapLayer and TilemapGPULayer objects, including multiple layers and tilesets, with consistent APIs.
  • Configure per-tile collision and properties, and integrate with Arcade Physics for gameplay implementations.
  • Real-world use: prototype platformers or top-down games quickly by loading a map, producing layers, enabling collisions, and driving game logic from map data.

Quick Start

Load a Tiled map and tileset, create a layer, enable collisions, and connect it to a Phaser scene for immediate gameplay.

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 into Phaser 4 and set up collisions?▼

You can load Tiled JSON maps into Phaser 4 and set up collisions by using a single entry point that parses map data, creates tilemap layers, and configures per-tile collision properties for Arcade Physics.

What is the best way to manage multiple tilemap layers in Phaser 4?▼

The best way to manage multiple tilemap layers in Phaser 4 is through a structured workflow that creates and handles TilemapLayer and TilemapGPULayer objects, allowing you to switch between CPU and GPU rendering with consistent APIs.

Can I use CSV data to create tilemaps in Phaser for platformer games?▼

Yes, you can use CSV data or arrays to create tilemaps in Phaser for platformer games by loading and parsing the data into tilemap objects, producing layers, and driving game logic directly from the map data.

Does this approach reduce the boilerplate needed for Phaser 4 level loading?▼

Yes, this approach reduces the boilerplate needed for Phaser 4 level loading by providing a structured workflow that streamlines map loading, layer creation, and collision setup to significantly reduce development time.

How do I configure per-tile collision properties with Arcade Physics in Phaser?▼

You configure per-tile collision properties with Arcade Physics in Phaser by loading the map data, generating the necessary layers, and applying collision settings to specific tiles to enable gameplay interactions.

Related Skills

Explore More Software Engineering Skills→
simon-tannasimon-tanna

tilemaps

Create tilemaps from Tiled JSON and set up collision in Phaser 4 games.

Community
Intermediate
achmfachmf

2d-games

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

Community
Intermediate
Joshua-AllenJoshua-Allen

physics-arcade

Enable Arcade Physics in Phaser 4 games with sprite and group physics.

Community
Intermediate
dzyamikdzyamik

tilemaps

Load Tiled JSON maps, create layers, set collisions, and manage camera culling in Phaser 4.

Community
Advanced