How To Create A Loading Screen Unreal Engine 4

Learn How To Create A Loading Screen in Unreal Engine 4 - Here you will learn how to create two types of loading screens, one that will show as a transition between levels and one that will show while the level is loading.

Loading Screen - as a transition between levels

This example is not really a loading screen, is mostly a screen that will show as a transition between levels, this will work if you have a small game or if your levels are not to big, otherwise, is better if you use the next example. The loading screen trigger will be the Play button in the Main Menu, I will provide instructions for the example Menu provided by me in the past Unreal Engine 4 articles - if you do not have or you don't know how to make a Main Menu, here is the link to do that How To Create A Menu (Main & Pause Menu) Unreal Engine 4

Let's create the visual part, create a new Widget Blueprint, go to Content Browser > click RMB > under User Interface select Widget Blueprint > for example purposes call it SimpleLoading and open it, drag from Palette a Border into Hierarchy > Canvas Panel, then drag a Text, go to the Details panel into the Content section next to Text, erase Text Block and write Loading, next to Position X type 800 - next to Position Y type 450 - next to Size X 500 - next to Size Y 100, under Appearance > Font > Size > type 60

Select the Border, go to Details panel, in the Slot section next to Anchors select the full page Anchor, next to Position X type 0 - next to Position Y type 0 - next to Size X 0 - next to Size Y 0, under Appearance > Brush > double click the Tint bar > in the Hex sRGB type 000000FF

I created the visual part as simple as possible, just for example purposes, you can create the visual part as you wish, for instance: you can change colors, create animation, add sounds and more... If you want to add an animation to your loading screen, here is an article written by me on how to do that How To Create A Loading Screen Animation Unreal Engine 4

Now, that we have the visual part, we will start scripting the loading screen, open the Menu Widget Blueprint, and between the event for the Play button and the OpenLevel node, we will add three new nodes, as following: Create Widget node set to SimpleLoading, then Add to Viewport node and a Delay node set to 2 sec (you can set it as long as you wish)

Congratulations! You have created A Simple Transition Loading Screen in Unreal Engine 4

Loading Screen - while the level is loading

We will use the visual part of the Transition Loading Screen from above. To script the Level Loading Screen, you need to open the level for which you want to show a loading screen, after you have opened the level, go in the Toolbar panel > Blueprints > Open Level Blueprint, right-click in the Event Graph and add an Event Begin Play node, connect a Create Widget (set Class to SimpleLoading, or the name of your Loading screen widget), connect an Add to Viewport node, add a Delay of 5 seconds or for as long as you need your level to load, then add a Get Player Controller node, off it add a Set Input Mode Game Only connect it to the Delay Completed pin, drag off the Create Widget node the Return Value pin and select a Remove from Parent node, connect the Set Input Mode Game Only with Remove from Parent node, Compile and Save, then close the Blueprint.

Congratulations! You have created A Simple Level Loading Screen in Unreal Engine 4

Problems and Solutions for the Level Loading Screen - If you have a HUD for your character you need to create a Boolean variable to hide the HUD for the Loading screen period. If you have a Timer in your level you can add extra seconds for the loading period, this way everything will run smoothly. If you have something else, besides a Timer, for which you need to Pause the game, you need to script a pause system for the Level Loading Screen, this way you will pause everything for the loading period.

You can choose the loading screen that suits your needs the most, or you can use both of them in the same game, they will work together without any problems.

Interesting articles to read on Edvog.com
Unreal Engine 4 Beginner's Guide
Unreal Engine 4 Tutorials & How To's (With Pictures & Video)
Blender 3D Beginner's Guide
GIMP Beginner's Guide

- - - - - - - - - - - -

About Edvog.com - Music, Games & Educational Resources (Information, Health, Medicine & Research) by Edvog.com

My name is Andrei Ionita, I am the creator and owner of Edvog.com website, I am also the creator and owner of all of the products associated with it, such as: music, games, videos and more...

I like to write articles about everything I find interesting in this world. The entire content found on this website is fact checked and original, when I post something, I try to double check all the information provided against all the reliable and trustworthy sources that I can find. On this website you may find content about medicine, the purpose of this type of content is simply informational and is not intended to be a substitute for professional medical advice, for questions you may have regarding your health, always seek the guidance of your doctor or other qualified health professional.

About entertainment and media - Beside, being a website owner and content writer, I'm also a game developer, music producer and video creator. I create, video games, music, animations, photos and more, this is why, from time to time, I will also post content about entertainment and media industry (a broad terminology, just to cover everything in the category)

You can check out the games made by me on Steam and on Google Play, if want to listen my music you can check out my Youtube channel, Spotify profile, iTunes profile, Google Play Music profile, etc. Who knows? Maybe your next favorite game or song will be created by me :)

If you want to support my work, you can play the games created by me, listen to my music and/or Make A PayPal Donation, whatever form of support you will choose, I thank you and wish you a nice day!

Edvog.com / AI Edvog / Andrei Ionita on the internet

YoutubeSpotifyApple MusicAmazon MusicGoogle Play MusicGoogle PlaySteamSupport My Work Make A PayPal Donation