Tilesheet uneven tiles sizes (SOLVED)

I just started learning Defold and based on the YouTube tutorial video i watched and the tutorial i read, i can’t seem to find a solution to my problem.

In the examples i have came across, all Tileheets have tiles of even sizes i.e. you can specify a width and a height and all would be sliced correctly. In my case, i can’t determine the correct properties because the tiles themselves have different size which makes it impossible to slice correctly. How can i slice such tilesheet?

Below is a snip of the titlesheet. Whatever size i use i can’t get each character separately because each have a different size.

Unfortunately, we currently only support square tiles.

Your workaround in this case would be to arrange your tiles to square boundaries.

1 Like

Thanks for the reply. I followed your advise. I did something like the below. These are 153 tilesheet. Each tile is 33 block. The problem is that when i increase the width, the image is cut from the right. Why does this happen? Isn’t specifying the width and the height is suppose to only divide the image into pixel blocks?

For the tile editor (and animations) to work as intended, each individual tile needs to be the same size.

For instance, it looks like the larger tiles are 21x24 pixels, so setting the “Tile Width / Height” to something like that would be recommended. Then, you need to modify your source image (.png) to make sure each tile is spaced evenly (in multiples of the tile size)

1 Like

When I have run in to this issue before I used this tool to extract the sprites from the tilesource.

https://renderhjs.net/shoebox/

5 Likes

The tool works great.

To solve my issue, here is what i did:
*There is an option “Extract Spirits” in the tool that automatically extracts all tiles in a image. It extract all tiles in separate images.
*In the animation tab, there is an option to create a frame sheet. All you have to do is provide the sequence of images you want to create a tile sheet for, and the tool will automatically put the images in an even blocks that can be easily used in Defold.

Thank you all for the great support.

4 Likes