ExcaliburJS Tilemap Graph Editor

No Tilemap Loaded

Click Load Tilemap above or drag & drop an image file directly into this window.

📥

Drop Tilemap Image Here

Supports PNG, JPEG, WebP, GIF

Tilemap Settings

Tile Width (px)

Tile Height (px)

Auto-Connect 4-Way

Show Tile Grid

Show Tile Coordinates

Selection Inspector

Select a node or edge on the canvas to inspect and edit its properties.

Batch Operations

ExcaliburJS TypeScript Generator

// Load a tilemap and place nodes to generate ExcaliburJS code...

Code copied to clipboard!