How to make an isometric tile set

(Ben) #1

Hello, I have an image that needs to be sliced. but when i set the tile set to isometric it doesnt change the grid.


To be rendered correctly, your tileset images have to have a rectangular bounding area for each tile. Then, within that bounding rectangle, you have your tile’s base. Your tileset is not set up correctly, there’s no way for Tiled (or even most game engines) to use it correctly. The tiles are arranged on an isometric grid, but they’re still drawn as rectangles, as that’s how 2D computer graphics typically work, and because that method allows for isometric tiles with height.

Here’s an example of a correctly set-up isometric tileset:

(Image source:
Notice how the tiles are arranged in a way that you can split this image up into a grid of rectangles, each one containing one tile. In this specific case, the tiles have height, but that’s optional.

(Thorbjørn Lindeijer) #3

The Isometric Orientation option for tilesets only exists to help additional tools like Terrain, Wang Tiles and the Tile Collision Editor to visualize their information better on the tile. As you noticed, it does not affect the way the tiles are cut from the image.

But actually, for tiles like you have there, it would make a lot of sense to add isometric tile cutting and it’s something I’ve been wanting to add to Tiled. It makes sense for reducing texture size and can also reduce the load on fill rate (though not in Tiled itself, since it draws tiles as rectangles). Finally it can be helpful for the artist to be able to simply render tiles next to each other that should connect. It has been discussed before and there is the following related issue about this:

(Ben) #4

Well, crap. Thank you for the help anyways.