Painting
Pinch or scroll to zoom. Two fingers, Space + drag or the middle button to move around.
Tiles
32 tiles
Tap a tile to paint with it. Keys: arrows here, or [ ] anywhere.
Layers
1 / 8
Tileset
128 × 64
sample-tiles.png
Or drop a picture on the page. Nothing is uploaded.
Pixels. Spacing is the gap between tiles; margin is the border round the picture.
Map
20 × 12 tiles
Resizing keeps the tiles at the top-left. Both can be undone.
Export
The .tmj points at the tileset picture by name: keep the two in one folder.
How to use it
- Start with the sample tiles, or choose your own tileset and set its tile size.
- Tap a tile, pick a tool, and paint on the map. Add layers for things that sit on top.
- Export a Tiled map (.tmj) with the tileset PNG, a CSV per layer, or a PNG of the level.
| Do this | Phone | Keyboard |
|---|---|---|
| Paint | Tap or drag on the map | Arrows move the map under the cursor, Space / Enter paints (hold Space + arrows to keep painting) |
| Tools | Brush, Box, Fill, Eraser, Pick | B R F E I |
| Box | Drag from corner to corner | Space at one corner, move, Space at the other (Esc cancels) |
| Choose a tile | Tap it under Tiles | [ ], or arrows on the tile picker |
| Undo / redo | The arrow buttons | Ctrl + Z / Ctrl + Y |
| Zoom | Pinch, or − + Fit | + − 0, or the mouse wheel |
| Move around | Drag with two fingers | Arrows, Space + drag, or middle-button drag |
| Grid | Tap Grid | G |