UE 5 Main Menu: Graphics Settings

hello everyone and in today's video we're going to be implementing all of our graphic settings into our main menu okay so now we're moving on to our graphic settings so the first thing we want to do is now make sure that we can view it and we want it to be a scroll box just like our but last time and i think this time we'll actually get to see the scroll box in use because we're going to be adding a lot more settings than last time so just like we should whenever we last last video get our scroll box selected right click and and then what we're also going to do get our gameplay panel find our our format box and we're just going to drag it into our graphics panel so we hide that we also delete our graphics text okay and now the first setting that we're going to be adding is going to be the screen mode that the player can use so like full screen windowed etc i'm gonna change the text there we go download and just quickly we're gonna before i do anything else just going to duplicate that over just so that we have that format there safe and we don't actually want the slider what we want is a combo box right and what combo box does is if we look in the content it gives us an input array and in this input array we can type in options so full screen windowed all right try for exactly what the third one's called so to get to get access to all these settings and to actually set them we need to get the game use settings and from there we'll pull out so if we just take a look at this and then windowed full screen right and now a smaller i think if we play it oh but first because we've changed this canvas type again it's like last time we need to swap it to compile yeah and we'll just get oh it's not appearing that's why there we go and now you'll see the colors are a bit off but now we have this drop down box where we can select our different options and as soon as it already says it in the box it means that we also don't need any kind of text visualizer of what setting world and we can start making this do stuff okay okay you've got a reference doctrine underscore all right so it's named appropriately because we've got it selected we can get the event yeah and because this should print out the item exactly how it's spelt so we can use a switch on string so remember to tap these out exactly so it is probably best to copy and paste as well just so you can be certain exactly the same right and so now whenever we change the combo box it'll read what's in there and we can now do a switch based on it so and i think this might be better as a variable do it on construct actually oh never mind it doesn't actually let us set that as a variable yes there we go full screen windowed and and then from this i think we can apply the settings and hopefully let us test it because really this applies settings as you'll be familiar with in most game menus is its own button at the bottom once you greatly changes but let's see actually here oh you see there's a jitter so we must be doing something but as we're in a preview it's a bit harder to tell right and now that we've got that setting done we're going to be doing a drop down box again so duplicate and this time we're going to be setting all of our resolutions so now i'm going to put the resolutions in i'm just going to put the most common 12 8e by 720 in brackets 720p 80. 1080p 2560 1440 pee 3840 by 21. 4k right and now just like last time we need to set it name this properly and with it selected we can do the same thing all right and then quickly copy and paste these all right there's ctrl settings set screen resolution split oh i missed one last one right now that's our all our resolutions in oh um right now resolutions in right now the next thing that we're gonna do this and going to our settings going to our engine scalability settings we're going to expose all of these parameters to the player and create this system where we can select between buttons all right so to start when we do the resolution scale again box this is from zero to 100 basis 50. name this appropriately 50 by default a little bit i'll also make this fill more screen also to have it a bit cleaner we'll try and make it so that all our settings line up all right and with this we're just doing exactly the same thing that we did last video yeah we don't want any decimal points and actually another thing we'll show you is the node called format text and what the format text does is well exactly that so if we use these curl brackets and type in number close it and then do another one and symbol once we press enter it now gives us two slots to fill so if we put this in to the number and then make a little and just put in the percent now every time we put in a value from our slider it will show as percentage and because we just copy and pasted this we need to go in make this a variable and place it so now if we just give that a quick test now as we can see as we adapt this slider our options will always be in the percentages now what we're going to do here is we're now going to expose the rest of these and we're going to need to make a system where we can click these as buttons and they will deselect the one already selected so first things first do kr format panel and we're going to delete our slider and our text import and we're going to put these in as buttons rest i think that's about right and get a text three low i also want to change this text so the first one was the view distance so we're going to call this one vd view distance setting this up and that doesn't really change so let's duplicate this the amount of times we need it mid change the text go that's what it was five seconds okay i don't know what we're gonna call the next one oh go and we're opening uh space a little bit so how's this very high yeah that was it very high last there we go and now we have our four buttons and so what we're going to do is that once one of these gets selected we're gonna disable the button but when we do that we also need to find which option has already been selected and re-enable it so to do that what we need to do is we need to make a new variable i'm going to call this bottom group calling view distance yeah tap important object reference it's already done because i think i did it in a practice before but we're going to make an array file that okay we're gonna have to set these arrays in the construct so sequence we have reference and these erase so if we pull this out i'm gonna make an array for each loop so get a lot of buttons quickly change the name plug all these in we're gonna need another sequence here for one called uber race there we go that should now make our array for us you know we need to actually get it to be doing something if we copy down these references here we can there we go i'm not sure why i did that okay so when we click this button i'm gonna get well i suppose first we actually wanna get the v distance and call the game settings and set view distance quality right now we're doing low so zero go through our hooray and we're going to ask if the button is enabled so if you're enabled we're going to do nothing and if you're not we're gonna enable it again and once it's completed this we're gonna get the button that we're working with we're gonna disable and now we just need to do this for each of our four settings max medium and get uh i guess having space these are the best last part there we go for some reason if i click something as a variable it'll occasionally just try and go to the audio button hi well very max in this case put this in put this in and then we also need to set numbers okay oh yeah that's right right and now that should hopefully work um another thing we want to do just for the purpose of testing disable one of them yeah graphics so we get the disabled one to so for some reason this isn't working let's try and minimize the window so what it's doing is it's not going through this loop body it's reading this as empty even though we set it here so the view distance yeah maybe we need to make sure the same amount of array elements that we need even though we're not filling it there we go right that was just the issue that we were having we're going to press high is low two plugged into one uh yeah we do oh my bad a few times right okay so that's that'll fix now and then the next thing that we're gonna do is just make a button to apply these settings because the recording times that's gone quite long so now as you can see this format that we've done you can now go off and continue and do this for the rest of these settings and all you need to do is go to your game user settings and say anti-aliasing set and then we're just doing the exact same thing over and over so i wouldn't actually be showing you anything new and this recording will probably get an hour long but yeah the last thing we're going to do is maybe make this a little bit smaller and in hindsight maybe we should have put the scroll box in a greater canvas because we need a button here called apply settings that if you have the time i would put this scroll box inside of a greater canvas and just have this at the bottom answer just now whenever this button's clicked all the settings that we've changed will now be applied oh yeah we need to get actually get the gaming settings and plug it in yeah right and with that i think we'll finish off the video and in the next video you will see that i'll also do what you like need to do now and go in the background and just do this process for all the other graphical settings um yeah but with that next time we're gonna try and set up the audio things like the master volume etc um but yeah with that i will see you next time you

Channel: The Unreal Designer

Views: 11,594

Keywords:

Id: DpYZdwQx9sM

Length: 41min 52sec (2512 seconds)

Published: Thu Sep 01 2022