How To Create A Basic Minimap Part 1 - Unreal Engine 4 Tutorial

hey guys welcome back to another management full tutorial in today's video i'm going to show you how to create a very basic mini map so what's it going to do is just going to put a picture up on the top left corner of our screen which i'll show you what's going on right now so as you can see we have that up in the top left if i actually go into this one we can get a better view so it's up in the top left like that and obviously it doesn't move as we move around as well it stays looking the same direction and you can make this bigger and smaller on your screen and you can also have it more zoomed in or zoomed out if you want it as well so like i say this is a very basic mini map and again fully customizable so you can make it look completely different if you wanted so i'll show you how to do this now but before we get into the rest of it this video is actually sponsored by gauss ed galactic salvage and disposal gauss head is an arcade style space flight game where the player blasts space debris harvests energy and mines valuable ore from treasure rocks in order to score points the developer was also kind enough to give me a free steam key so i have played it and in my honest opinion i love it i think it's great and the fact that everyone's resource attraction on leaderboard gives you that extra competitive and fun edge to it the game is also a very cheap 99 cents on steam or 75 pence depending on where you're from but it is cheap and great the developer is also one of you someone who learned from these videos i'm making and so this is very possible for you to do so i definitely recommend checking out and also supporting them as like i say this is someone just like you so thanks so much gail said for sponsoring this video and make sure to follow the link in the description down below to go to their steam store page so our first step is going to be to open up our character blueprint so for me this is gonna be the third person character but for you this could be first third already you've named it as soon as we get here what we're gonna do is go straight up to the viewport like this we're gonna add component and i'm gonna get a scene capture component 2d like so and i'm just going to simply call this minimap so we know what it is after this i'm going to get another component so add component this one is going to be a spring arm like so and make sure you then parent the minimap on the spring arm like so so unparent that and then do that so just drag and drop mini map onto the spring arm like that then if we select the spring arm like this what i'm going to do is just rotate this so it's facing directly up and so now this is basically that part done so we have the camera looking straight down on the player which is going to create a minimap but i want this to be a bit further out so you can just change the target arm length like this and this is basically how far zoomed in or out you want it to be so i'm going to set this to be about 400 or 450 i'll say so you can change it using the target arm length there or if you select the camera if you lower the field of view it'll be more zoomed in if you increase the field of view it'll be more zoomed out so you can change it that way as well so once we've done that we're going to compile save and just minimize that for a minute then back in our content browser here if we right click go to textures so materials and textures and get a render target like so i'm going to call this one minimap underscore t for texture and then if we just go back and then if we just open it up what i'm going to do is change the size here so i want the size to be 400 by 400 as that is how big i want the mini map to be on my screen but you can put this is whatever you like this is just how big i want it to be and you don't have to do this in here doesn't matter too much this just makes it look a bit cleaner and a bit nicer so it doesn't get stretched out in the ui so once you've done that you can just save and close it and go back to your character blueprint in here under scene capture we have texture target if we hit the little arrow there we should put the minimap in there but if that doesn't work for you just press the little drop down menu there and get your mini map texture like so now what this is going to do is whatever this camera sees it's going to be putting it into this texture here and also one of the things sorry is back select the spring arm again if we just deselect inherit pitch your and roll this means it then won't be rotating when we're moving about so if you obviously want it to rotate and follow the player keep those ticked but i don't so i'm going to untick it like that as that just looks a bit better in my opinion anyway so if we close this again what we're going to do is we're going to right click on the texture here and we're going to create material like so and then if we hit enter to give it that name open it up straight away what we're going to do is make it so we can use this in our ui so what i'm going to do is just deselect that so unconnect though sorry with this selected here what i'm going to do is under the material domain on the bottom left and change it from surface to user interface meaning we can then use it the rgb value of the texture sample will go in the final color of the mini map material there if we hit apply this should work and you should see it come up in this preview up here very soon and you can also change the preview size to get it to fit whatever you chose so for me i set it to 400 by 400 i believe so again we just wait for that to load this should work and as you can see we now have our minimum up there that's going to be working perfectly so we can save apply and close that and now we're going to create our actual hud on minimap ui so i'm going to do is i'm going to close this right click in content browser go to user interface get a widget blueprint i'm going to call this one mini map underscore ui or widget or anything like that and open it up straight away in here i'm going to get an image so also you don't actually need to create this as a different thing if you already have a hud where you'd like your mini map you can put it on there as well just follow the same steps i'm about to do now so i'm going to drag and drop in an image like so and i want this size to be 400 by 400. you can set this to be as big or as small as you want i'm going to have it quite big just to show it off quite well just so you can see it properly so i'm going to do that and then anchor it to the top left as that's where i want it i'm just going to make sure that this is positioned where i'd like so i'm going to put it there like that then the important part is under image what i'm going to do is select none and then just search for the minimap t matte there meaning that is our minimap material and that is now working perfectly so you can see we have the mini map in there on our screen like so we hit compile save this should all be working so we can close that as well back in our character blueprint we go to event graph we're just going to put this on screen so again if you did this in your hud and you already have this on screen then you don't need to do this step but i don't so i'm going to do is right click again event begin play like so come out of this i'm going to create widget like that under class i'm going to select class and just put my mini map ui return value i'm going to add to viewport like so this is just going to add that ui onto my screen meaning i can see it so we compile save close this this should now work so we hit play we can see that we have our mini map up in the top left here we move our camera that isn't going to move as that's what we set it as but if we move the player we can see that our mini map is updating and is now moving along with us and like i say you can change the size of the map if you want which will just be in the ui so you can change that here let me open it again sorry you can just change it here by increasing the size of this if you wanted so if i were to set it to 700 by 700 you can see that this would then be a lot bigger so that's like that it's taking up a lot of the screen now which obviously you probably wouldn't want but there you have that and then also if you wanted to change how zoomed in it is you can go back into the character blueprint in the viewport select the spring arm you can change the target arm length like this or you can select the camera and change its field of view so this is how we then change how zoomed in or how far away it is like so so you can customize this perfectly to get it perfectly for you but like i say this is just the basic mini-map so i think that'll be it for this video is we've done everything we wanted to do we've created a very basic minimap system which you can completely customize to get it perfect to how you want it so you can change how zoomed in and how zoomed out it is change the size of the mini map on your screen as well perfectly like this and it looks great like so it's up in the top left corner of our screen and you can put that wherever you want as well and when we move our camera that doesn't move so it doesn't get nauseating for the player or anything it just keeps looking the exact same direction and doesn't rotate and this just gives the player their position on the map like so obviously if you've got quite a big map you can just zoom this out quite far so they can see the whole map as well so like i said i think i'll beat this video so thanks so much for watching i hope you enjoyed and i hope found it helpful and if you did make sure to like subscribe down below so thanks so much for watching and i'll see you in the next one [Music] bye

Channel: Matt Aspland

Views: 15,497

Keywords: ue4, unreal engine 4, unreal engine, tutorial, ue4 tutorial, unreal engine 4 tutorial, how to make a game, how to, 3d modelling, blender, unity, games design, graphic designer, ue5, unreal engine 5, customisable, custom, customise, customize, customise-able, minimap, mini-map, mini map, map, mini, basic, advanced, system, camera, top down, above, rotate, rotation, texture, scene, all, whole, of, the, player, location, players, player's, fps, view, see, to, allow, zoom, in, and, out, far, away, close, size, on, hud, ui, widget

Id: XfUV_VfiGro

Length: 8min 6sec (486 seconds)

Published: Fri Nov 27 2020