Tilesets, Tiled and Phaser Tilemaps

[tarr11]

I'm using Tiled to create my tilemaps for my Phaser games.  However, when I google "tileset" on Google Images, I can find a ton of tilesets that are not evenly spaced like this one  These don't work when making my maps in Tiled.

 

How are people using these in their games?  Cutting them out and turning them into sprites?  Using a different tool other than Tiled?

 

 

[Broojo]

Personally, I create a grid using a pixel art program like Paint and align them all myself. May sound like a lot of work but once it's finished you can just keep adding to the grid. Here is an example of a 256x256 grid of 32x32 tiles:

 

 

 

EDIT: Just thought I should also point out that the tile set you linked to is perfectly spaced out, it's just in 16x16 tiles. This is a common tile size for GBA and DS games.

[Gio]

I've had this problem before and wrote some JavaScript to extract sprites from irregular spritesheets. It doesn't work on all possible types of sprites, but it will correctly separate sprites that have transparent borders, regardless of their shapes. I have a prompt.js version and if you want to use it:

1. Get prompt.js here
2. open it and load the script by typing:

   wade.loadScript('http://www.clockworkchilli.com/shared/scripts/ss_extract.js')

3. run the script like this:

   extract('http://th08.deviantart.net/fs71/PRE/f/2014/068/7/0/pokemon_tileset_from_public_tiles_wip_by_chaoticcherrycake-d5xdb0y.png')

This will extract the sprites into single images called 0.png, 1.png and  so on, which will be saved into your current directory.

 

I hope this helps - the script ss_extract.js should be easy to change if you want to save to different file names, etc.

 

EDIT: Here's a direct link to download prompt.js if you are too lazy to create an account

[tarr11]

Thanks for this!  @Broojo, how did you know this was 16x16?  Just experience?  

Is there a list of "common sizes" for tilesets?  16x16, 32x32 ?  Anything else?  I find myself just guessing and seeing if it works (also with tile margins and spacing) 

[Broojo]

Experience I guess, I have messed around with GBA graphics for many years now, produced quite a few Minish Cap tilesets. But yeah typically older 2D games have POT (power-of-two) textures of 16x16 or 32x32. There are some exceptions like Pokemon Mystery Dungeon for the DS which uses 24x24 sprites, a multiple of 8.

 

http://www.spriters-resource.com/game_boy_advance/pmd/sheet/19789/