37
\$\begingroup\$

What are some tools I can use to create 2d tile based maps?

Please provide the information below, and try to limit to one tool per answer.

  • Name
  • Link to website
  • General features
  • Export format
  • Anything else you deem noteworthy
\$\endgroup\$

8 Answers 8

28
\$\begingroup\$

Tiled Map Editor

From the website:

  • General purpose tile map editor with XML-based map format
  • Supports orthogonal and isometric maps
  • Custom objects can be placed with pixel precision
  • Full undo/redo and copy/paste support
  • Add custom properties to tiles, layers, objects or the map
  • Automatically reloads tilesets when changed externally
  • Resize or offset your tile map later as needed
  • Efficient tile editing tools like stamp and fill brushes
  • Supports input/output plugins to open and save files in custom formats
\$\endgroup\$
3
  • 7
    \$\begingroup\$ If you are going to use this with XNA, I'd suggest using TiledLib. The library comes with a full content pipeline extension project that will parse and build the .tmx file along with a runtime library that allows access to the data in the map file. tiledlib.codeplex.com \$\endgroup\$
    – ElementCy
    Jul 14, 2010 at 21:23
  • \$\begingroup\$ +1. This is an excellent tool. You can write your own map exporter plugin, if you so wish, + it's open source so you can tweak it to your own/team's needs. \$\endgroup\$ Jul 30, 2010 at 17:15
  • \$\begingroup\$ Here's a video that helped me get started using "Tiled" map editor youtube.com/watch?v=ZwaomOYGuYo . Particularly of interest .. as it is not clear when you start for the first time .. it shows the step for adding images into a tiled image file . Solt. .. there is the "new file" icon in the "Tilesets" widget/window on the bottom right; use that to add images into the tile .tmx file. \$\endgroup\$
    – gnB
    Mar 14, 2016 at 18:42
15
\$\begingroup\$

The Best of the Pack

Tiled Map Editor http://www.mapeditor.org/

Mappy http://tilemap.co.uk/mappy.php

TME - Tile Map Editor http://tilemapeditor.com/

TileStudio http://tilestudio.sourceforge.net/

tIDE (Tilemap Integrated Development Environment) https://colinvella.github.io/tIDE/

Gleed2D https://github.com/SteveDunn/Gleed2D/wiki

Tile2map http://www.tile2map.com

Worth a Try / Alpha Versions

TaT Tile Map Editor http://kotisivu.dnainternet.net/ttilli/tilemapeditor/main.htm

Simple Tile Map Editor http://devlinslab.blogspot.com/2007/11/simple-tile-map-editor.html

Flan Map Editor http://flixel.org/forums/index.php?topic=225.0

Tile Map Editor VB.Net http://sourceforge.net/projects/tilemapeditor2d/

Abandoned / Unfinished

JEngine Tile Map Editor (no description, no screenshots) http://jenginetilemapeditor.codeplex.com/

\$\endgroup\$
3
\$\begingroup\$

Ogmo Editor

From the website:

Here's How It Works

After deciding to use Ogmo Editor for a game, the first step is to write up a "project file" for that game. A project file is just an XML file defining all the tilesets, objects, layers and settings for a project. Once you've got that done, you open it in the editor and you're good to go - you can start creating, editing, saving and re-opening levels. If you need to, you can add new tilesets and objects to your project along the way and all your old levels remain compatible, so you aren't required to define every asset you'll eventually use right away.

Getting Your Levels Into Your Game

Exported levels are just XML files, and the format is largely defined by you in the project file. Ogmo Editor was designed with Flash in mind, but most modern programming languages have robust XML support. If you're lost, check out the tutorials section - there might be an article on using Ogmo Editor with your language or library of choice.

\$\endgroup\$
3
\$\begingroup\$

My old favorite was Deluxe Paint (that dates me). I currently use Paint Shop Pro which has a handy 'convert to seamless texture' feature. Not as good as a true tile-symmetry editor, but good in a pinch.

\$\endgroup\$
1
  • 1
    \$\begingroup\$ Nothing beat Deluxe Paint! It was the best pixel pusher ever. \$\endgroup\$
    – Skizz
    Jul 30, 2010 at 19:46
2
\$\begingroup\$

It might be worth creating your own level editor and integrating into your game - then you can also allow players to create their own levels.

\$\endgroup\$
1
\$\begingroup\$

Cosmigo's Pro Motion is one of the old-school favorites, even though it's more of a paint tool than a level editor proper. Great for sprites as well as tiles; lots of "grid" functionality. Their features page details a lot of this, and talks about new tile map functionality:

* RGB channel depth can be selected from 222 to 888
* 16 color PNG support
* Optimize tile based graphics for hand held systems that have a limited number of colors per tile like Gameboy Advance etc.
* Support for tile painting to create endless textures
* Tile map editor with auto optimization, mirroring, felxible export
* AnimStrip files can be created containing frames side by side in a bitmap, PNG/BMP
\$\endgroup\$
1
\$\begingroup\$

Tume. http://en.wikipedia.org/wiki/TUME Worth it if just for watching their tutorials on how they approached certain problems (they use layers in many more ways than for tiles, which is very smart as it allows you to be game agnostic without forcing a paradigm on the user). Interesting features, used for numerous commercial games back in the day. No parallax editing (would be hard anyhow, as the parallax layers are generally driven by logic - you'd need your game as a plugin - which brings me to the following point - your game makes a great map editor. I have always done in game editing, it allows you to "live preview" and sets you up for user generated content to boot.

\$\endgroup\$
1
\$\begingroup\$

Minimal Javascript Tile-based Map Editor

http://samlancashire.com/mapeditor

I made this for my own game, but decided to polish it up a bit for general use. It's very simplistic, but will get the job done.

Exports map as two-dimensional javascript array. The array items contain the coordinates of the tile relative to the tileset. For example

map1[x][y] = '0,0'; //would be top left tile in tileset
\$\endgroup\$