Jump to content

Tilesets, Tiled and Phaser Tilemaps


Recommended Posts

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?



Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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:
  3. run the script like this:

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 :)

Link to comment
Share on other sites

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.



Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...