Game Programming - Episode 51 - More Map Creation

Key Takeaways

hey what's up guys my name is a j welcome to episode 51 of game programming so I'm actually really tired right now but what we're going to do today is continue um with the game obviously I don't really need to say that but um what we're going to start today is a series of videos that's going to deal with the map now many of you guys really want me to um well the the map basically needs to get developed in this game somehow and um and I thought that I would take the uh next few episodes to actually do that so um Andy will actually send me an updated Sprite a king Cho Sprite thing I'll put that in in a later episode though because um cuz yeah but right now we're going to just open up um paint.net uh and get our image in there so this is obviously our sprad sheet so what I want to do here is um basically make I don't know let's let's just make a few more tiles right so first of all let's just make this entire area um green um and we'll probably just do it to this side as well so this is uh this is this is the episode where I teach you guys how to use paint.net um but seriously uh yeah we're going to probably draw I don't know I'll probably draw like a flower or something here um I like flowers a lot you can tell um and I can't really tell if that's that looks like it's one um oops that was the wrong tool yeah I can't really tell but um it's all right and we could just do this oops all right so this is going to be quite the uh what there we go so flower that looks good doesn't it might need a bit no that's fine um and we'll obviously add some uh some more intricate details here maybe a bit of a bit of a shadow no it's not dark enough and I might also um since we are dealing at a higher resolution here we're not going whoops we're not going like 8X 8 going 16 by 16 I might also um yeah I feel like this net really needs to be bigger um okay I'll just scale it up so it's obviously too big that could work yeah that could work okay there we go so let's let's sort of deal with this um first of all let's get rid of that second of all I think if I get rid of that as well um we'll have a better looking flower Maybe not maybe if I do something like that might look better I don't know what do I know about drawing flowers that just looks rubbish doesn't it yeah I think I like the original design better um welcome to the series where chero tries to draw flowers and fails all right that's going to be fine we're just going to go really simple Graphics just like that there you go flower yay uh one thing I will do though is this um this yellow just is not really doing well in the saturation Department looks really sad so um I'm going to fix that by uh making a bit better there you go maybe just a touch darker but it's still more saturated all right that's going to be our flower and now for the rock um let's just draw something really simple for the rock so maybe like something like that could probably work um and then again we'll take some lighter shades for the uh top cuz that's how we roll and some darker shades for the bottom and voila we got our Rock um yeah if any of you guys want to send me your Sprites go ahead I'll probably use them cuz I doubt that'll be worse than this that flower is um way too big so let's scale that down a bit there there we go all right whoops that shouldn't have happened okay paint pocket that's F all right cool so that's what our thing looks like right now let's go actually I don't like I don't like this um it's too thin let's make it a bit yeah there we go cool so let's take a look at actually um popping that in the code if we go back to our Sprite um stuff we can add a few more tiles so over here in Grass let's duplicate that twice we'll call one flower we'll call one rock they're both 16 size Sprites we know that if we look back in here actually I think I've still got paint on that open um we can see that that's zero right that's 0 0 that's obviously going to be 1 Z and it's going to be two z um so the x of that is one of the flower and the rock is two awesome so let's go back into our random level class quickly that's the thing that's doing it and we can see that way we're actually drawing a number from 0 to three basically anywhere from 0 to 3 so if we go back into our level class over here in our get tile method uh we see that if that tile class if if um if that tiles array at a particular index is equal to zero we're ret turning to grass so let's change this around a bit let's duplicate that twice and say that if if it equals 1 will return flow T FL and finally if it equals um two we'll return tile dot what's the other one rock all right so obviously these haven't been created yet so we can pop over to the tile class really quickly and duplicate This Grass twice and from here we'll just call one flower and we'll call one rock and we'll um will'll also you know adjust these so that's flower it's going to be Rock so yeah I'm going to create sub classes for each of them um if we create class flower tile we'll make sure that it is in the tile package hit finish and if we go back to well first of all let's add the Constructor second of all that's really all we need to do right um we do also need to grab if we go to our grass tile class we also need grab the random method from that copy and paste that into our um where are we flower tile here we go cop and paste that there so there you go it's going to look exactly the same as grass tile really um but for the rock tile it's going to be a bit different so if we um cck class Rock tile finish um let's put pop the Constructor in let's pop the thing the same thing that we that we put into um flower tile and one with one addition right if we go back to tile you see that we've got this solid method let's copy that solid method and put it into rock tile just below the render doesn't actually matter where it is but yeah and we'll just change this return false into return true so that we know it's solid and and in the future when we actually Implement Collision detection which will actually be pretty soon probably in a few episodes it'll probably be within the next five episodes we can actually um we can actually uh you know KN go through rocks so let's launch our game see what we get and look at that we get a bunch of interesting things so first of all you can see there's a lot more grass tiles there aren't any of the two tiles that we've picked now the first thing that comes to mind is that we simply haven't set the Sprite to be the correct Sprite so if we go to tile you can see that all these Sprites are actually equal to sprite. grass so let's change the flower to sprite. flower which we created earlier and roock to sprite. rock let's launch our game and look at that we have different um um different tiles now so yeah those are my really horrible looking tiles if you guys want to send me tiles you just um feel freid to maybe Andy W can send me some tiles I think he did actually I think he did I'm not sure anyway um trees would be nice as well so that's a quick quick little uh thing if you guys want to help me out but um other than that that is uh episode 51 of game programming and I'll see you guys in the next episode L guys