For this section, we're going to teach you how to make a map have passable and impassable areas. Before we proceed, let's go back to RPG Maker for a bit. Remember the Database -> Tilesets tab?

Our points of interest goes to Passage and Passage (4 dir). This is RPG Maker's collision settings. You have Passage where you can set O (passable) and X (impassable). Passage (4 dir) is for special tiles where you can't pass over it on certain directions. How RPG Maker does it is binding it to certain tiles. Now this has pros and cons. Let's list them out!

Pros:

• Every time you use that tile, it will always have that property. (ex: A rock will always be impassable).
• You only have to set it once; Making it 'hassle-free' in theory.

Cons:

• Every time you make a new tileset, you always have to set the collision again.
• You cannot carry over the collision of a Tileset page to another Tileset. So for example, you have Tileset A and Tileset B. You decided to use ForestB to Tileset B too. Tileset A already has collisions set on it for ForestB. You cannot copy that page. You must set it again.
• When you put a B/C/D/E tile on top of a cliff, it overwrites its collision setting. For example, you have a flower on the edge of a cliff. Now you can now walk over the edge of the cliff. This can cause a lot of confusion!
  
• It is hard to find collision errors using this method. You will have to play the game and bump into all the objects on the map to see if everything is working properly. Alternatively, you can always use a plugin.

Personally, I think the cons outweigh the pros and I have experienced a ton of issues with this method. It takes too much time and I find that it's a hassle to create new tileset combinations. To avoid this issue, we decided to do the following for Tiled.

• Create a global 'Collision Tileset.'
• Create a Layer that will contain all the Collisions of a single map.

So our final map will look something like this:

And that's about it! It might seem like a turn off at first, but filling the areas in is very fast due to Tiled's tools. I can clearly see what areas of the map have impassable and what kind without any hassle. For now, let's focus on creating the tileset!

Create a Global Collision Tileset

1. File -> New Tileset.

2. I recommend naming the Tileset as Collision. Go to Image -> Source -> Browse and select your collision image. The Tile Width and Height depends on your tileset. In my example, I use a tileset with 32x32 tiles.

From here, this is what our tileset looks like:

3. It should open a new tileset window with the selected graphic visible.

4. Select the Red Tile and add a new property. Name it collision and give it the property full. This means that areas with the red tile are impassable no matter what. Here's a GIF to show you how to do it:

5. Now for the arrows we have to give it a new property. But, instead of collision, you will name it arrowImpassable -- remember they are case sensitive! Here's an example:

You can see that I wrote left & down & right. It means that the player cannot walk left/down/right. They can only move up. The dots represent what directions would be impassable and you would write those.

6. Hit save. Select the Project Folder/maps folder and save it there as collision.json. The name doesn't really matter but for the sake of simplicity, we're using that.