How to use Tiled Map Editor

User avatar
Brad
Trainer
Trainer
Posts: 13
Joined: Sun Jan 04, 2015 10:19 am

Brad said on, Tue Jan 20, 2015 2:59 am.

Hello Trainers!
Have you wanted to create map's but your uncertain on how to start or what to do? I have written this simple guide for you around the basis of using Tiled Map Editor to create awesome maps!

Required Files!
Download Tilesets (952KB)
Tiled Map Editor

Getting Started!
First we are going to create a new Map, File > New.
Here on Pokemon Legends map sizes are generally 64x64 tiles, 1024x1024 pixel.
When you create a new map, please set the file compression to Base64 (Uncompressed) and not base64 (zlib compressed) like this guide tells you to. Base64 zlib is no longer supported in game and if the files are set to that compression the game will treat all layers as a Collision layer, which will render your character completely immobile at whichever point you spawn at.

Image

Once your setting's are set for the new Map, click ok!

Add some Layers!
Now you should see a grey screen, on the right side of the editor you should see a box for layers.

Image

Here we will add the 5 suitable layer's that are need to make a fully functional map.

  • Grass (Object layer)
  • Above (an Tile layer which appears above the trainer hiding them)
  • Collision (an Tile layer within which any tile placed will obstruct the user from walking on that square)
  • Walkable (an Tile layer)
  • Base (an Tile layer)

Once you have added these layer's, it should look something like this.
Image

The Tileset!
Now we will add the tileset to the editor, that can be found here (http://www.pokemonlegends.com/maps/tileset.png).
To download this tileset, Right Click > Save Image As.

First start by clicking the add button inside the tileset box, found below of the layer's box.
Image

A new model should of popped up onto your screen.
Image

  • Set a name for your tileset's, I decided to use Pokemon Legends Tileset.
  • Leave the Type as Based on Tiled Image.
  • Click Browse and find the tileset you previously downloaded then click open.
  • For the tile width & height, we just need to set that to 16 px for both.
  • Everything else we leave as default.
Here's what mine looks like;
Image

Now click Ok and you should now see inside the tileset box, the image has been divided into 16 by 16 squares that we can now place with ease!

Catch Up!
I will quickly re-define the layer's and what get's placed where.
  • Grass (Object layer)
    This is where you'd place all the walkable grass, on the map.
  • Above (an Tile layer )
    This layer is overlay's the trainer on the map, which appears above the trainer hiding them
  • Collision (an Tile layer)
    Where a solid object which any tile placed will obstruct the user from walking on that square
  • Walkable (an Tile layer)
    A path that the player can use to walk through the map.
  • Base (an Tile layer)
    Here is where all the grass, flowers and path's go.

Finalising!
Once you have finished your map it's time to export it. To finalize your map you will need to have the following files:
Image

  • yourmap Above.png - You hide all of the other layer's other then the Above Layer.
  • yourmap base.png - You hide all of the other layer's other then the Base Layer.
  • yourmap.tmx - The Tiled File of the map.
  • yourmap.xml - Duplicate the TMX file then change the extension from TMX to XML

Once you have all four for the map, just compress them into a ZIP file and your ready to submit!

Thank you for reading this guide! I hope it has helped you out to create awesome maps! If you have any questions feel free to message me and I will assist!

Xela
Trainer
Trainer
Posts: 51
Joined: Wed Jan 07, 2015 4:48 am

Xela said on, Tue Jan 20, 2015 4:11 am.

Oh my I love this! Thanks! :-)
<3 Beta Tester : 1/9/2015 So Fabulous <3

DarkChaoZ
Trainer
Trainer
Posts: 52
Joined: Wed Jan 07, 2015 3:06 pm

DarkChaoZ said on, Tue Jan 20, 2015 3:18 pm.

Very good guide Brad, but may i suggest something? Make a video on how to make a very simple map making using the layers as mentioned in the OP. It will give a better understanding for the inspiring mappers on how to use those layers.

User avatar
MrMichel
Trainer
Trainer
Posts: 12
Joined: Fri Jan 16, 2015 5:22 pm

MrMichel said on, Mon Feb 09, 2015 6:28 pm.

Qué bien =D

pokemonmaster83
Trainer
Trainer
Posts: 249
Joined: Fri Jan 09, 2015 1:57 pm

pokemonmaster83 said on, Tue Mar 10, 2015 5:00 am.

There is any problem in computer if we download tilesets and tiled map editor.
pokemonmaster83 Moderater of #Armageddon clan: Luminioun clan



I wanna be the best
And i am the best

Rj0101
Trainer
Trainer
Posts: 28
Joined: Wed May 06, 2015 5:29 am

Rj0101 said on, Sat May 09, 2015 4:53 pm.

Why can't I see the Grass, Base etc

Lebran
Trainer
Trainer
Posts: 66
Joined: Sat May 02, 2015 12:16 pm
Location: Utrecht, The Netherlands

Lebran said on, Sat May 09, 2015 7:22 pm.

Rj0101 wrote:Why can't I see the Grass, Base etc


You start with only one layer present when you open Tiled. You still have to add and name all the layers. Remember the highest layer overlaps all lower layers.

Rj0101
Trainer
Trainer
Posts: 28
Joined: Wed May 06, 2015 5:29 am

Rj0101 said on, Sun May 10, 2015 1:14 am.

Lebran wrote:
Rj0101 wrote:Why can't I see the Grass, Base etc


You start with only one layer present when you open Tiled. You still have to add and name all the layers. Remember the highest layer overlaps all lower layers.


How can I put a tree on top of a tree? like making a forest except the Tile with that purpose because I want to make a design. And how can I put a tile without deleting any other tile

Lebran
Trainer
Trainer
Posts: 66
Joined: Sat May 02, 2015 12:16 pm
Location: Utrecht, The Netherlands

Lebran said on, Sun May 10, 2015 7:13 am.

Presently there are tiles in the tilesets that do this. Additionally, PrincessPhoenix made a guide that shows how to do trees. In short you use both the collision layer and top layer to make tree rows. Oh and walkable for the bottom shadows of course.

sharks12
Site Admin
Site Admin
Posts: 979
Joined: Sun Dec 21, 2014 3:30 pm

sharks12 said on, Tue May 12, 2015 2:55 pm.

PrincessPhoenix wrote:When you create a new map, please set the file compression to Base64 (Uncompressed) and not base64 (zlib compressed) like this guide tells you to. Base64 zlib is no longer supported in game and if the files are set to that compression the game will treat all layers as a Collision layer, which will render your character completely immobile at whichever point you spawn at.


Return to “Guides”

Who is online

Users browsing this forum: No registered users and 6 guests