Use the TileMap to Make Incredible Maps & Levels for your Godot Games

hello so what makes an amazing 2D map for your game well there's a lot of factors and in this video I want to go over what makes a good map and then I'll have the episode two of the Survival series starting around this time where I'll walk you through step-by-step process of how I create a nice map but before we get started it would mean the world if you could go and subscribe to the channel so YouTube can push this video to more aspiring game developers so they can learn to make their own go at games as well now the tips I'm about to give may seem somewhat basic but if you understand how to do it correctly then your Maps will turn out perfect and I'll explain each of these more and give a visual example of what I'm talking about when I show you the step-by-step process of me creating a map for episode two of the Survival series after I quickly go over these three major tips tip one is to plan out the map and not just try and freestyle the creation process the creation process when creating an excellent map isn't easy it's long and tedious so a good plan would lead to a good map planing can be done in a digital program or it can be done the oldfashioned way on a piece of graph paper tip two look at the real world when creating games everything can't be uniform for example when creating something like a forest all the trees can't be in a perfect uniformed line the trees may have to be spaced differently and maybe different colors with different little details here and there tip three to piggyback offer tip two you need to make sure you have different terrain and random objects this means your map can't just be grassland you need some rivers in there and maybe a small Cliff here and there this is also the same for random little objects like chest and paths they need to all look unique and not be perfectly spaced out but overall when wanting to get good at creating Maps the main way is to practice practice and practice some more practice makes almost perfect so open up a notebook and start planning your Games maps but now on to episode two of the Survival series where I'll go over my step-by-step process of creating a map for our Survival game so to go and start creating our map we're going to want to go to our world and we're going to want to click on the plus sign and add a tile map and this tile map is going to be everything for our game this is going to be the entire map this is going to be all the visuals for our game so this is going to be important so there's a couple settings that I want to go over here we're going to have layers which is going to be super important because we're going to have different layers so Stuff shows in front of each other so for example we want the ground to be on level one or layer one and we want the Z index for the ground to be zero and I'll explain what the Z index does in a second then for Layer Two this is going to be mainly for like Cliffs and stuff like that like chest and stuff that wants to be shown in front of the ground but we do not want it to be shown in front of certain trees and certain this and that but eventually we'll turn on y sort so it's going to even that out by itself but level two is going to be our Z index to be negative 1 so it shows in front of layer one but it shows behind our layer three which Z index is going to be zero right so layer three this is also going to be for stuff like trees and stuff like that but I'll explain it as I go through a little time lapse of me making the map and I'll explain how I'm creating the map in this time lapse which I'll go over in just a second but I want to go over some basic stuff in our tile map that is going to be important to getting it set up so after we have all this we're going to want to First go up to the top new tile set we can click on this new tile set you can see our tile size now this depends on whatever your tiles are so for this game specifically and the art that you'll download in the hiio page in the link below if you're going to try and copy this map and copy this game completely well you're going to want to use our tile size as 40x40 because that is the size of our tiles most games are 16 x 16 32x 32 or 64x 64 128 x 128 whatever the tiles are they could be anything they could be 37 by 37 all right they could be anything but for this game they are 40x40 so I'm going to make this 40x40 so the tiles line up then we can go down here to our title set and we can drag in our very first little sprite sheet from the environment folder in our game and we can drag in a little spreadsheet into here it's going to load up it's going to say the atlas texture was modified would you like to automatically create tiles and we're going to want to say yes right because this is going to automatically create tiles in the size that we set up here as the 40x40 so these should already be correctly and then if we click on this little time M down here at the bottom or first let's go back to our tile set and let's drag in the cliff as well we want to make these automatically so now we have all these and then same with the trees we can drag this in make them all automatically and now we have trees but if we go to our tile map let me go over a basic demonstration of how this works so we can make some graphs we'll make a little bit of grass land here like let's make a mini map together so I can explain how it works real quick and then we go and once we have a mini map we're going to go to Layer Two and we're going to use these PNG Cliffs over here on this side and we can put these in front like this and we can have a little Cliff just like so just like that and that looks very good right and then we can maybe go over here and we can maybe add some trees up here right and you see how that's going to make it disappear that's going to make this top piece disappear so that's why we want to do this on level three so it doesn't affect any of the other stuff we can add a couple trees around just like so and then we can go back to our Layer Two and we have to fix that little hole that we made right there and then if we close out of everything you can kind of see that we have a little small map we have some trees we have this little um cliff and then we have scattered trees everywhere so that looks like a little tiny map that's basics of how a tile Map works but I'm going to hop into a time lapse right now and I'm going to go over exactly how I'm creating our actual map and my thought process behind it so I'm going to start off creating paths and these paths are going to be one that's going to go down into a forest and I want one to go over to like a little Ocean or for this instance it's going to be a lake but we have two different pass that go to two major points in our map and that's going to be important just for the player and then now I'm going to go and add a little Cliff up here at the top and for this Cliff I'm going to make sure to do it on level two as you can see I messed it up but I changed it and now we're doing it back on level two make sure make sure they're all transparent and then a little extra elevation on the cliff to make it look more unique and then make sure we fill everything in and that looks good and then I'm going to go back to layer one and I'm going to make everything that's not a path into grass for the ground then I want to throw some random trees here around that are different colors and I'm going to go to the bottom create a forest and for this Forest I know I'm going against one of the tips but I think that for this game and certain games it does look better but as you can see I'm adding all these random trees and I'm going with my tip and I'm adding two different colors of trees just to add a little bit of variation of colors in within the trees okay so now that we have our world complete I want to go in and add a little river and a lake that's what this path is for and we want the lake to be here and I like a river to go off the screen and off the screen down here as well so to do this I created a new tile set or it was a tile set created by the original developer who created these other tiles but I just enlarged the size to where it's 40 pixels per uh tile so if we drag that in it's going to be a link in the description to the hiio page which this is a brand new file that I added to the project it's called survival game- terrain dwater now once we import that we can go into our tile map we can go to our tile set scene and then we can bring in this brand new Sprite sheet we can click yes to automatically create the tiles and we can see that we have all of the river tiles and like I said I'm going to go with a little Lake and then that goes off into two rivers so I'm going to make that real quick and then I'll be right [Music] back [Music] so I think that looks pretty nice with the uh water now I need to go and remove all these trees so we can go to our scene that we or the layer that we have the trees on we can go to layer three and then we can just kind of remove the trees that are surrounding it here that are on top of the water just like that and then we can go in and we can add more trees around it so we can go back to our tree tile map which is right here and then we can grab some trees and we can throw them around the the lake in the spots that look better that are not you know on top of the the water cuz that is not going to look good but that looks nice right this looks pretty good and I like this map so yes this is a very nice map but there's a lot more stuff that we can do to it to give it more life or give it more of a nice filling right so if we were to have Little Rock scattered up here on the cliff or maybe a little tint back here that will give it more life or just a little stuff like a chest which we're going to be creating in a later episode that's going to have working inventories that work with our player inventory and maybe we can have a little dock right here or a torch somewhere or a little campfire something just small little details to the map that are going to make it look so much better I think this is a very nice starter map I think this is a nice Square for our game for our Survival game and where you have this little pathway that's going to go into a forest which is going to go down into a different little Forest Area and right as I'm saying this I'm spotting a little air that we had you can see these trees they don't end so if we go to our tile map real quick we can make these trees in by going to our tile map going to our Scene Three and then we can change up these trees a little bit to this one just like that whoops whoops whoops whoops which one is it it would be it would have to be the end right which is not that it's going to be this one right here right so that's the end and then we have to go to the layer one which is going to be the underside we're going to have to go and get this green grass from up top and then we can cover up some of these holes down here and you can see now it's going to look better right so now it looks better now it looks like the trees come to an end but like this little path here is going to go down into a forest which is going to have a little different scene that's going to have more life to our game just to add more life so remember all the little details you add to your game are going to give it a lot more life this is a pretty bland map but it is a pretty nice layout in my opinion so yeah but just remember all the little details you add are going to make the map much better now we have one issue with this and that is our camera does not work if we click F6 you see that well we have a player we move but we can't go anywhere right our player just walks off the map so we can't even see our map so to fix this we're going to have to add a camera to our player that follows our player that stops when it hits the boundar so the M the camera cannot go off the edge of here can't go off the edge of here can't go off the edge of here and cannot go off the edge of here so how do we do that well so if we go to our player scene and we click on the little plus button and we add a camera Tod we can go down here and we can see a limit right this is going to be the positions that you're going to want to put in so it stops when it gets to the positions right so if we go to the world we need to figure out what the limit is so what's going to be the limit for the left this is going to be the limit for the left but what position is this well we can take our camera 2D that we already have or our player it doesn't really matter but I'm going to take the camera 2D just so we can have it because you just want to put an object over the top of this corner so I'm going to put it one in as well so an object over the top left or not the top left but the very left just one pixel in you're going to want to go to the position so you're going to want to go to transform and you're going to see the position is x79 or - 479 so if we copy this number we go to our player and then for the left button here or for the left section here we're going to input that X now for the top that's going to be our y so we can go back to our world we can grab this camera 2D we can drag this up to the top of our screen and do the exact same thing we'll just go like one pixel below just like that and the top is going to be the X so that's going to be - 279 we can copy that go back to our player and for the top we'll put in that number now for the right that's going to be our X but it's going to be on the opposite side of our left so if we put this right around there that's good we can see that our X is 239 copy that put it onto our camera and then we can do the exact same thing for the bottom and we will be good to go so we can copy our whoops we can copy our y go put that in our player at the bottom and then we can see that if we go to our world we save the scene save the scene go to our world and we delete this camera 2D node because now our player has a camera 2D node that should follow it and then we click play or we click F6 on our world scene you can see that it's not looking correct which is not good but this is going to be able to be fixed and first of all we have our player and we have to go and we have to check on what's going on so we go to our player is this our current camera is this camera enabled it is enabled the zoom is not zoomed our other camera was zoomed in so that may be part of the issue because if it's not zoomed in it's going to already be at all the limits right because you could see that camera it looked like it was at all the limits already but if we Zoom it in a little bit it won't be at all the limits so if we go to our world F6 you can see that we're going to be a lot more zoomed in now when we walk with our player the camera follows it and we can walk around and we can kind of see our whole map you you can kind of see how this Cliff looks a lot better once you're actually in the game and right now we have no collisions so you can kind of walk on everything which is not ideal and which will be fixed right but you can kind of see that this looks very very nice this looks like a very nice entertaining map and you're going to be wondering where does this go well you're going to go down here and then it's going to transition scenes into a new scene a new map which could take you into the forest it could take you anywhere right you can decide where you want that to take you that makes it look good and you can do another path like that that leads up into the mountain like this that goes under a cave if you want that's going to add a little bit more detail to the map and make it a little bit better and you got to remember that some of these trees which we're going to be making in a future episode are going to be apple trees and we're going to be able to go and click e and it's going to drop an apple and we're going to be able to pick it but not all of them right only some of these trees will be apple trees not all the trees will be apple trees so that's going to add a little bit of an extra detail to the game which we were talking about in the beginning you can kind of see that this map does look pretty entertaining now there is no collisions but that will be fixed in a later episode but for now I like this map a lot I think it looks a very very good and you can give me feedback on the map of what you personally think about it but I think this is a nice little starter map for our game and a little starting area that we can go off of to create slimes create inventory create Collectibles create everything that we're going to need for our Survival game okay so now that we have a map for our Survival game that we can go down here into this little area we don't have collisions yet but we will be going over collisions in the very next episode and we're also going to be making the apple tree in the very next episode so some of these trees or half of these trees will be apple trees so that's going to be very nice that we're going to have working apple trees and that's going to allow us to have a collectible Apple which is going to lead into the inventory which is going to be for episode four and five of this series well that's it for our map creation and how to create a map for your game but thank you so much for watching stay safe and have a wonderful rest of your day [Music]

Channel: DevWorm

Views: 12,492

Keywords: godot, godot 4, godot tilemap, tilemap, godot engine, godot map making tutorial, godot level design tutorial, how to make a good 2d map in godot, how to use the godot tilemap, game development, episode 2 of the survival series devworm, how to make good maps for my video game, game level design tips and tricks godot, godot 4.0, godot how to, devworm, godot map design, godot level design, 2d godot games, 2d godot tutorial

Id: rckLxmH_fK0

Length: 15min 10sec (910 seconds)

Published: Thu Sep 28 2023