한국어
Home › Game Dev › Tilemap Editor

Tilemap Editor

Upload a tileset image or use the built-in sample tiles to paint 2D game maps. Multiple layers, fill and rectangle tools, JSON, CSV and PNG export, and your work is saved automatically in the browser.

Tileset

Selected tile: #0
px

Map

Export & import

CSV downloads as a ZIP with one file per layer. Empty cells are -1.
Your map is saved automatically in this browser

How to use

1Set up a tilesetStart right away with the sample tiles, or upload your own tileset PNG and set the tile size.
2Paint the mapPick a tile and paint with the pen, fill or rectangle tool. Use layers to keep ground and decorations separate.
3ExportDownload JSON or CSV for your game, or a PNG to check the result. Your work is saved automatically.

When it helps

For small 2D games and game jam projects, a map editor that opens instantly is often more convenient than installing a heavy dedicated program. All you need here is one tileset image and its tile size.

There are three layers: ground, decor and top. Lay grass and water on the ground layer, place trees and crates on the decor layer, and put roofs or leaves that should draw in front of the character on the top layer. The exported JSON stores each layer as a flat array of tile numbers, so any engine can read it easily.

Tiles are numbered from 0, left to right and then row by row from the top left of the tileset. Empty cells are -1. Your current map is saved in the browser automatically, so you can close the window and continue later.

FAQ

What format is the exported JSON?

It contains width, height, tileSize, tilesetColumns and a layers array. Each layer's data is an array of tile numbers listed row by row.

Does it support tilesets with spacing between tiles?

Right now only tilesets with no spacing are sliced correctly. If yours has spacing, remove it in an image editor first.

Where is the autosave stored?

In this browser's local storage. Clearing browser data removes it, so download important maps as JSON. Very large tileset images may be left out of the autosave.

Can I use the sample tiles in my game?

Yes. The sample tiles are simple drawings generated by this tool's code, so you are free to use them.

Can I draw on a phone?

You can draw with your finger, but large maps are much easier on a computer because of the screen size.