GameMaker Studio 2 - Tileset Editor - Overview

[Music] greetings and welcome my name is aaron craig with let's learn this together and today we're going to be tackling the tile set editor in game maker studio the tile set editor is a fantastic tool that allows you to create an almost infinite variety of levels and do it really quickly and beautifully with the tools that they've got so what we're going to be covering today is how to create tile sets creating your own brushes how to set up animated tiles and how to prepare auto tiles let's go ahead and dive right in so to create a tile set you actually need to have two assets the first one is a tile set sprite and then you need to make a tile set asset itself so when you have a sprite and if you're not sure how to get one be sure and check out the sprite editor where i go over in depth how to create add in your own sprites and get them working just the way you want but once you've got your own sprite right here this is a tile set it's just one large sprite it's an image of 2048 by 1024 it's not split up into frames or anything this is a tile set for the dungeon then you go to where you want to make the tile sets right click and create a tile set i'm going to call this one t dungeon you could also name it ts dungeon or whatever it's going to be t dungeon tiles in essence but since they already have that name we're going to come up with our own and i'm going to be replicating what we've got here and showing you how to do that step by step along the way so now we have our tile set over on the left here is the primary window which you've seen if you've made objects or sprites before this holds the name which you can change it holds which sprite is assigned so you can make a new one here you can choose one to assign it which we're going to do right now and then it comes over here in the preview pane you can also edit the sprite or edit the image directly itself now the tile properties are what we're looking at here so we have them on the right and we can see all of our tile set right here now this is a very dense grid and that's because by default it is 16 by 16. now most tile sets are going to come in either 16 by 16 32 by 32 or 64 by 64. you can check out each one and see how well that looks now this looks a little better but this is an entire frame or image inside of our tile set and it's still broken into four parts which isn't what we want so let's go ahead and try by 64. and there we go now each one of these is its own frame and you can see here that the grid actually starts one over from the top left so if you ever get a tile set and it starts in the top left gamemaker is going to cut that off but fortunately you can come into the sprite and you can just push it over by however large that tile set is both over and down and you'll be good to go the excess space on the bottom or on the right isn't a big deal so don't worry too much about that now let's go over the tile properties that we've got here the first which we've already played with is the width and height make sure that is set correctly otherwise you're going to have a slew of problems then we have offset x and y and this is if your tile set is not prepared exactly as you see here you can move the x over by a certain amount or down by a certain amount we don't need to so i'm going to leave those at zero separation is the same idea as if there was space between the tiles so if we do this then each one is going to skip a tile but again we don't need to do that finally we have border x and y and this is only used if you're going to be zooming into your tile sets more than you would expect right here it is a way of increasing the graphical fidelity when rendering the tiles to make them look better in essence you don't need to touch it two is sufficient for what it is unless you're actually going to be zooming in and out in that case you might want to look more into it the group is for the textures which we're just going to leave at default and leave disable source sprite export checked unless you're going to be using your tile set sprite as something besides a tile set i don't know why you'd want to do that but this makes it so that it only gets exported once save some texture size and space so unless you are going to be using this somewhere else for another reason you don't need to worry about that okay let's get on to the fun stuff we have the brush builder tile animation and auto tiling let's go ahead and start with the brush builder so if we open that up it brings a whole new window to us and we can expand this and take a look at it now the brush builder allows you to create your own custom brushes that you can quickly and easily then apply inside of your room so to test this out and to be able to actually see it in action i'm going to go ahead and make a new room over here by right-clicking new room i'm just going to call this room dungeon 2 and i'm going to make a new tile layer and if any of this is unfamiliar then be sure to check out the room editor video that is also up and available for you to learn all about the room editor and layers but once we have the tile layer we have a new tab over here called room editor where we can select the tile set we want to use so we'll go to t dungeon which is ours and you can see that the grid immediately changes as well to match the size of our tiles so by default you've got your tile set and you can click on them kind of one at a time or you can select a group and then you can place them inside of here now if you've got pre-made houses and trees this works really well for just putting a few in at a time you can left mouse button and just put them there but for larger rooms and ones that you want to have more detail this just doesn't really work it'll take really really long time and there's also stuff that you can't do with it like making an animated tile so we have something called brushes now i will admit this specific tile set is not fantastic for showing off this feature but hopefully you'll get the idea let's say we really really like these four tiles together and we just love them so much that we're going to use them all over the place but we don't want to have to come in here and select them every time what we can do is come down and check editing mode on and then with those tiles we want selected we can come down here and left click inside we can turn editing mode off and then on the brush we can actually just select this and now this is the brush that we're actually doing and you can do this for any combination of tiles you want that are close together so turn editing mode on select the tiles you want deselect the tiles down here you might have to select these ones one more time and then you can put them inside for that brush and then to use them turn editing mode back off so this is a really really great way to make custom brushes if you had trees if you had houses inside of your tile set pre-made you can do this to save a lot of time now we don't want these here so i'm going to right-click and delete all of these anything you right-click over we'll delete it press escape to stop selecting it but that's how you make brushes in here and the idea is the same over here so i usually use the room editor brush creator but you can also come in here and do the exact same thing and you have a bunch of tools for drawing erasing specific ones inside of here if you didn't like them and you can do a line tool and all sorts of other things it's very similar to the image editor where you can make your own images in game maker but this time you're working with tiles and you can also rotate them and more but that's the brush builder really powerful really awesome but definitely not the most exciting thing in the tile sets so let's go ahead and move on to the next set which is tile animation so again we click on this it opens up a new window for us and now we can create our own brushes that are animated so let's click on add animation we can set the number of frames to 2 4 all the way up to 256. i'll go ahead and choose one that is 16 frames and then you just need to start your selection and just keep clicking and it's going to set it each new one you do until it fills it all the way up and then it's completely full now if i press play this is now an animated tile so let's go ahead and do one more of this one so another 16 and gotta click one at a time this is really great if your tiles are far apart as well you can still use them to be animated now let's go back into the room and in our libraries we have animation 1 and animation 2. it'd be a good idea to name these but for now i can press this inside of here and i'll go ahead and zoom in and i can press play and now this is an animated tile that you can just put anywhere you want inside of your game it's really cool really powerful stuff so that's animated tiles you got to have the right tile set for it it has to be in there somewhere but once you do it looks really cool and adds a lot to your game with very little overhead next up let's tackle the auto tiling this is the feature that i am most excited about because it allows you to create a huge level in just a little bit of time so there are two different auto tile sets you can choose from 47 and 16. they're not compatible with themselves so if you have one you probably don't have the other but that's okay because as long as you have one you'll be all set so if we click on 16 you can see it has 16 different frames for us to select tiles from and if we start selecting it will fill them up it has a guide to show you which tiles you're supposed to put inside of there the guide's a little bit confusing especially when you're just starting out but the cool thing is you can just fill it up go test it out in your room and if something doesn't look right you can just mix and match with the tiles until you get it figured out now we don't have a 16 instead this one has a 47. so the very first tile is going to be a filled in one which is going to be this ground solid one and then for this one it moves over a little bit and we're actually going to start with this one you can see there's one light gray space which is the wall portion of whatever tile set you're doing here now it doesn't have to be a wall it can be a forest it can be anything you want but the light gray section is going to be the part that is not the ground so we're going to start here and this one fortunately is just ordered exactly as you see so i can just click on through and this is set up exactly as it needs to now when it's not it's really frustrating and definitely can be a little difficult so if you have someone designing a tile set for you send them a picture of the version you want either 47 or 16 and then they can work with that and figure out exactly how to place it if not you may just have to do a little bit of legwork but the nice thing is once you complete it it is all set and ready to go so we can rename this tile set over here by right-clicking renaming we'll just name this wall we'll go into our room and now we have a wall tile set and this is where the real magic comes in so i just left click and i hold it down and if i move across it's going to start doing the correct tile based on the position of other tiles around it so this gets really really cool and really really powerful and then you can also right click to delete them and you can see they delete in just the perfect order so you can put these in however you want it'll do the spaces around them as well so it fills them in and it looks terrific no matter what you're doing or how large of a map you have to make this is a quick and easy way to design it with auto tiling and that's it that is everything you need to know about working with tilesets getting them into your game and being able to prepare beautiful looking levels in just minutes if you enjoyed this leave a like and as i always like to say keep making keep learning and i'll talk to you later

Channel: GameMaker

Views: 18,835

Keywords: YoYo, Games, YoYo Games, GameMaker, Game Maker Studio, GameMaker Studio, game, maker, GameMaker Studio 2

Id: Vq0ZJzhkVVg

Length: 12min 55sec (775 seconds)

Published: Tue Jul 06 2021