How To Make A Loading Screen In 5 Minutes Unreal Engine 4 Tutorial

hello in this video i'm going to show you how to create a startup intro screen and a loading screen so i click play it will first show me this mp4 video of the unreal engine so this can be changed to your game studios logo and if i change levels it'll show me this loading screen and i can customize the text inside here and also the loading screen widget icon and every time i transition the level it will show me a different loading screen background image the first thing you want to do is head over to the unreal engine marketplace and look for the async loading screen this is a free plugin which we'll be using to make our loading screen once here you want to go to install engine and install it to the current version of unreal engine that you're using to activate this plugin we want to head over to settings and go to plugins and then look for the loading async screen plug-in just click this enabled one and then restart unreal engine so next we're going to make it so we can transition between a level and when we do it will show our loading screen to do that i'm going to create a new blueprint so i'll right click look for blueprint class select actor and i call this my load level actor i'm going to head inside here open this up and go to add components and look for a box collision i'll scroll down and go on component get over that i'm going to drag off other actor and cast to the third first character you may need to change this based on your character that you're using and then once i do this i will open level and whatever i'm going to open is going to be this level as i've not created any so i'm just going to get the name of this level and i'll just paste it here and i'll just drag this into the game so we're gonna make it when we overlap this it will open this level and then when we're being transported to this level it will show a loading screen to determine the images which are gonna be shown in our loading screen i'm gonna create a new folder and call this loading screen images i'll head inside here and then you want to import the images that you want to use for your loading screen so these are going to be my loading screen images we will also be creating an opening logo intro screen this should be a video of your game studio logo and it will be shown when we first open the game so you want to right click and create a new folder and you wanna call this movies it's important that we call this movies i found that it didn't work when i didn't call it this and then you want to close unreal and the way you want to import this movie is right click on our movie folder look for show explorer and then you want to copy the mp4 video of your game studio's logo and just paste it in this movies folder you can't see this in unreal engine but also be able to reference it so we're now going to connect this all to the async plugin to do that head over to settings project settings and go to the async loading screen and go to the start uploading screen this is going to be our startup loading screen and you want to make sure this is unchecked and go to movies paths click add element and then you want to head back to your movie folder look for shown explorer and you'll get the name of your movie so i'm just going to get the name of it copy it and then head back to my settings product settings async loading screen and you want to paste your movie here so it will show this startup maybe when we start our game so now we'll set up our loading screen to do that i'm just going to go here under the default loading screen and we're going to go to background and then look for ad array elements so i'm going to add four array elements because i have four images which i want to be for my loan screen they're all like unreal engine five screenshots so i'm just gonna select them here we can also make it display some text when it shows our loading screen to do that we want to go to tip text go to add element and in here we can write the text which will show when our loading screen showing so i'm just going to write i am a loading screen we can also have a loading screen widget so do that you just want to click this and then you will change this to be image sequence and then go to image sequence settings and look for an array element and we can make it show this little loading screen widget this plugin comes with some default loading screen widgets to access them you want to go to view options show engine content show plugin content and then we head back to our async plugin they have this loading screen widget of the u4 manager running so i'm just going to use that i think it's called mannequin run so i'll just select it here we also want to head over to where it says layout and go to classic and go to border background and here we'll be able to customize the background color for where our text displays so i'm going to change this color to be something like red and for my text it's going to have a red background and one more thing just for the purpose of this i'm going to change my minimum loading screen display time to b5 because my screen will hang around for five seconds one more thing to note when testing out this plugin it will only work in standalone game but this is how your game is gonna be when it's exported so i'm just gonna extend our game click save and we'll be able to see your loading screen so as you can see it first shows my video and it'll take me to my level if i overlap my next level box you can see it says i'm a loading screen and has my loading screen running image and if i do this again it shows a different one so just randomly select the background and this is a pretty cool plugin if you wanted to have a loading screen so that's basically all for today's video if you enjoyed like subscribe and i'll see you next time bye

Channel: Unreal University

Views: 45,833

Keywords: unreal, engine, tutorial, ue4, learning, unreal engine, game engines, gamedev, dev, programming, blueprints, coding, game builder, education, learn, code, game, development

Id: KpXmcqSITOg

Length: 5min 42sec (342 seconds)

Published: Wed Mar 03 2021