-

How To Create A Loading Screen Animation Unreal Engine 4

How To Create A Loading Screen Animation Unreal Engine 4, learn to create and script an animation. If you do not have a Loading screen and you want to create one, here is an article written by me on how to do that How To Create A Loading Screen Unreal Engine 4

The animation that you will create with this article, will consist of three dots on the middle of the loading screen, the dots will dance between visible and invisible for the loading period. I will use the default white background for the image widgets, if you want, you can upload and add your own custom images in the Details panel > Appearance > Brush > Image.

First, drag from Palette three image widgets into Hierarchy > Canvas Panel. In the following lines, I will provide what changes you need to make in the Details panel for each newly added widget.

-image widget 1: next to Position X type 600 - next to Position Y type 500 - next to Size X 100 - next to Size Y 100

-image widget 2: next to Position X type 900 - next to Position Y type 500 - next to Size X 100 - next to Size Y 100

-image widget 3: next to Position X type 1200 - next to Position Y type 500 - next to Size X 100 - next to Size Y 100

Next, in the Animation panel, press the green +Animation button to add a new animation, select the newly created animation to open the Timeline, in the Timeline panel, press the +Track button > All Named Widgets > select the first image widget, do the same for the other two image widgets.

Now, select the first image widget Track, press the +Track button > select Color and Opacity, with the Timeline set at 0.00 seconds add a key for the Alpha channel, after, move the time on the Timeline at 1.00 seconds and add a new key with the Alpha channel set from 1 to 0, move the time on the Timeline at 3.00 seconds and add a new key for the Alpha channel, move the time on the Timeline at 4.00 seconds and add a new key with the Alpha channel set from 0 to 1.

Select the second image widget Track, press the +Track button > select Color and Opacity, with the Timeline set at 1.00 seconds add a key for the Alpha channel, after, move the time on the Timeline at 2.00 seconds and add a new key with the Alpha channel set from 1 to 0, move the time on the Timeline at 4.00 seconds and add a new key for the Alpha channel, move the time on the Timeline at 5.00 seconds and add a new key with the Alpha channel set from 0 to 1.

Select the third image widget Track, press the +Track button > select Color and Opacity, with the Timeline set at 2.00 seconds add a key for the Alpha channel, after, move the time on the Timeline at 3.00 seconds and add a new key with the Alpha channel set from 1 to 0, move the time on the Timeline at 5.00 seconds and add a new key for the Alpha channel, move the time on the Timeline at 6.00 seconds and add a new key with the Alpha channel set from 0 to 1.

Now, the animation is ready, all we have to do is to script the animation to start when the widget is shown to the user. To do that, go to the Graph editing mode, get and add an animation reference to the editor, by dragging and dropping the reference from My Blueprints panel > Variables > Animation > select your animation.

Drag of the animation variable node, and add a Play Animation node, connect the Event Construct node with the Play Animation node. That was all. Hope, that the tutorial was easy to follow, for more similar tutorials and articles you can further browse edvog.com - Have a nice day!

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 - Courses, How To's, Tutorials, Articles & Resources - Games, Music, Videos, Education, Information, Health, Medicine & Research

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: games, music, videos and more... I like to write articles about everything I find interesting in this world, most of the time I write educational articles, but you may also find articles without a main topic. 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). If you like platformer or runner games, you can check out the games made by me on Steam and on Google Play. If you like Relaxing, Ambient, Chill-out, Lounge, Electronic or Trap 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 / Andrei Ionita on the internet

YoutubeGoogle PlaySteamAI Edvog on SpotifyAI Edvog on Google Play MusicAI Edvog on iTunesAI Edvog on SoundCloudSupport My Work Make A PayPal Donation

Comments