How to Create a Level in Tiled - Part 1

ACCESS the FULL COURSE here: https://academy.zenva.com/product/html5-game-phaser-mini-degree/?zva_src=youtube-html5md

TRANSCRIPT

For our game, we will be using the Tiled map editor to create our levels. If you're not familiar with Tiled, it is a fantastic 2D level editor that will allow you to edit your tiled maps, place images. You can also use it to add metadata to your levels. And all of that can be exported out to a JSON object, which we can use to import into our Phaser game. You can find Tiled at mapeditor.org, and you'll be taken to this page here. And to download Tiled, go ahead and click on the download itch.io and then here you can click on the download now button. So, Tiled is a free tool, but you can definitely help support the developer by making a donation. You can either pay for the program or you can make a different contribution down here. If you don't want to pay anything just click this link here and it'll take you to the downloads page and from here, you just need to choose the appropriate installer for your development machine and then go ahead and click on download. While that's downloading, one thing I do recommend is you can take a look at the documentation here The documentation gives you little tutorials on how to get started with Tiled, it goes through all of the different tools that are available in the application. So, it's definitely a good reference for while you're working with the program. Once Tiled is downloaded go ahead and run the executable, and while you wait for it to install go ahead and pause the video.

Alright now that Tiled is installed I'm going to go ahead and boot up the application you should be presented with a screen like this. So the first thing we're gonna do is we're going to create our map. So when you do, you're given a few different options, the orientation of your map, so Tiled supports a few different Tiled maps, orthogonal, isometric, hexagonal for our map we're just gonna do orthogonal. And then they give you your tile layer format, we're gonna leave that at CSV, and the tile render order, we'll just leave it at right down, so it's gonna start in the right corner and then render it down. Next is your map size, this will determine how many tiles are actually gonna appear in your map. So you have you're width and height, we're gonna leave it at 10 for right now. Next is your tile size, when you're importing your sprite sheets into Tiled each square, each tile, will be this many pixels wide by this many pixels high, so if you import a sprite sheet that is 32x32, I recommend that you do that, so that way your sprites will fit the tile itself. For the map I'm using it is 64x64, so we're going to hit save as, and then you just enter in the name of your level and the this will take you into Ti ... https://www.youtube.com/watch?v=qJk034659-8