<![CDATA[Jasontomlee's Blog: Tutorials]]>https://www.jasontomlee.com/s/tutorialshttps://substackcdn.com/image/fetch/$s_!xcyO!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8e024dec-bcc8-4252-ae52-2aeeb21de6e1_200x200.pngJasontomlee's Blog: Tutorialshttps://www.jasontomlee.com/s/tutorialsSubstackWed, 08 Apr 2026 10:17:17 GMT<![CDATA[The Tileset Template Index]]>https://www.jasontomlee.com/p/the-tileset-template-indexhttps://www.jasontomlee.com/p/the-tileset-template-indexWed, 02 Apr 2025 21:36:07 GMTRelated Links

The Tileset Template Asset Pack

References

Auto-Tileset Index

  1. Gamemaker Studio 2 Guide

  2. RPG Maker Guide

  3. Godot Guide

  4. Unity Guide

Material Texture Index

  • Stone

  • Grass

  • Metal

  • Goo

  • Gem

  • Cracks

  • Clouds

  • Trees

  • Sky Gradients

Tileset Theme Index

  1. Pokemon

  2. Interiors

  3. Caves

  4. Medival

Backgrounds

  1. Clouds

  2. Sky Gradients

General Concepts

What is a Tileset?

A reusable set of images arranged in rectangular grids, often used to create backgrounds, decorations, and level layouts.

Using tilesets saves a lot of time, but there’s one problem…Every individual tile must be placed manually.

The solution? The Auto-Tiler!

What is an Auto-Tiler?

"AutoTilesets" or "AutoTiles" is a technique that allows the game engine to automatically determine which tile is used based on the surrounding tiles.

This saves developers an enormous amount of time by reducing the amount of redundant work.

There are 2 popular methods for creating an Autotiler: the 16- and 47-block methods.

The 47 and 16 block Auto-tiler method

16 Block
>Requires the least amount of drawing.
>Tileable ONLY using a 3x3 block, and not individual 1x1 tiles.

47 Block
>Requires the most amount of drawing with a lot of redundancy.
>Best used for ground textures in top-down games

Blocks and squares are great and all... but we are missing a type of tile that exists in almost every game, slopes!

Tileable Slopes

Here’s how Slopes look from different perspectives.

Platformers vs Top-Down

Slopes aren’t auto tilable in most game engines.
Ensure they are compatible with the existing tileset.

Tilesets are accompanied by backgrounds to help immerse your players into your world.

Background and Foreground

Backgrounds exist to enhance the visual depth of a scene.

Here are a few basic rules to follow:

  1. An object becomes dimmer, greyer, and blurrier the farther away it is

  2. Backgrounds should be dimmer than core gameplay elements

  3. Match the theme of the Tileset

Do backgrounds stay static when the center of focus, or the camera, moves? Nope! That’s where Parallaxing comes in.

Parallax Movement

Parallaxing is a technique used to create the illusion of depth by shifting two or more objects at different speeds relative to the viewer’s perspective.

The farther away an object is the slower it moves relative to the viewer’s speed

The closer an object is to the viewer’s perspective, the closer it is to the viewer’s

Methods

Materials

  • How to: Stone

  • How to: Grass

  • How to: Metal

  • How to: Goo

  • How to: Gem

  • How to: Cracks

  • How to: Clouds

  • How to: Trees

  • How to: Sky Gradients

AutoTiler

  • Easiest way to create a 16 block autotileset

  • Easiest way to create a 47 block autotileset

  • Setting up AutoTilers in Gamemaker Studio

  • Setting up AutoTilers in Godot

  • Setting up AutoTilers in RPG Maker

  • Coding your own AutoTiler

Slopes

Parallax

  • How to set up Parallax Layers

  • The math behind Parallaxing

Play

The Tileset Template Asset Pack

Jasontomlee's Blog is a reader-supported publication. To receive new posts and support my work, consider becoming a free or paid subscriber.

]]><![CDATA[Placeholder 2]]>https://www.jasontomlee.com/p/placeholder-2https://www.jasontomlee.com/p/placeholder-2Thu, 03 Oct 2024 16:01:36 GMT

]]>