swordmaster by swordmaster May 30, 2017


In this part of the tutorial we will create a tileset for use on our boards. A tileset is a collection of smaller images broken up into a uniform grid of tiles. These tiles can then be placed on a board (i.e. a map) that our character can then explore. Tilesets can be be made up of tiles ranging from 16x16 upto 128x128 pixels.


To create a tileset go to File -> New -> New Tileset.

By default it is configured a for grid made up of tiles 32x32 pixels. Sizes ranging from 16x16 (SNES era graphics) upto 128x128 pixels are supported. For this tutorial we will leave it at the default.

In the file dialog goto Graphics and open the file "tileset1.png", this is the image we will be using for our game boards. Select the image by clicking "Open", after which you will be prompted to save it as a tileset. Tilesets use images from the Graphics folder so if you ever want to create a tileset from a custom image it needs to be available in that folder.

As soon as you save the tilset it should appear in the "Tileset" pane in the top left of the editor. You can open as many tilesets here as you like, and they can be closed by simply using a middle mouse click on the tab with its name. If you bring your mouse into the tileset you should see a faint blue cursor appear over the tiles, you can also click and drag to select regions of tiles from a tileset.

Pro Tip: If you don't like the ordering of the tiles you can change the number per row by pressing the "-" or "+" sign on a num-pad will the tileset is selected.


Now its your turn!

Follow this Google search and download a tileset image. Then place it in your project's Graphics folder and try importing it.