Tileset creation guide
Tilesets are images used to create backgrounds for levels in 2D video games. We use tilesets to design all the levels in Journey to the Center of Hawkthorne.
Individual tiles are 24 x 24 pixels. They can overlap each other; however, they can't be offset. Tiles must be placed at intervals of 24 pixels. Tiles can be rotated by 90 degrees as well as flipped over both the X and Y axis. Take a look at the Town level to get an idea of how this plays out:
The above image is not a tileset. A tileset consists of the unique tiles required to make a level. The Town tileset looks like this:
Note how few tiles actually are used. By rotating and flipping tiles, we can create a large number of different looking levels from a small set of tiles.
Certain levels have animated backgrounds (such as waterfalls or quicksand). Each frame for these animations should be included in the tileset.
Please use one of the following tools. I've seen many people create tilesets only to find out later their tiles don't line up exactly on a 24 x 24 grid.
I use Tiled to lay out all of the levels (as well as create the levels themselves). Tiled requires an external editor such as Photoshop or MSPaint.
You may also find Pyxeledit useful, as it combines Tiled and Photoshop into one application.
When submitting tilesets to /r/hawkthorne, please make a self post that includes a link to both a preview image and the actual tileset. The Valley of Laziness submission is a perfect example.
Here are all the tilesets currents used in the game
