Node Copied to Clipboard!

DisplayLoading Screen Node

Display loading Screen, as your scene loads their will be an image blocking the view of the player window for your created lesson.

It is common to load a display screen before the setup node containing your scene, inventory grid, steps list & description. This is because with out the loading screen the user will see the scene be put together and that could be mistaken for a glitch.

To create the Display Loading Screen Node, right-click and select Misc from the menu then select Display Loading Screen. We will also need a Clear Loading Screen Node, go to the Misc menu again and select Clear Loading.

Now that you have a Display Loading Screen Node (beginning) and an Clear Loading Screen Node (end).

Connect Display Loading Screen Node, before your first scene/assets setup node. Connect Clear Loading Screen Node, after your last scene/assets.

As your scene is populating on your editor/player screen the only the loading screen image will be visible.

Then your lesson will play through.

Customizing/editing the image

First, you must be in Advanced Mode. Select settings from the Home Menu. Select advanced mode.

Right-click on the Display Loading Screen Node, in the options menu fourth down, hover over Change Overload. Select Display(Image, Color, bool, bool). This will activate the Loading Texture slot in the Display Loading Screen Node's properties.

Simply drag in any image you have imported see Importing Assets. After importing the image drag your chosen image from the assets tab to the loadingTexture parameter on the DisplayLoading node.

Simulate to the Display Loading Screen Node and in the properties menu.

  • Fill Color: will edit the color of the back ground
  • Stretch To Fill: will stretch the image to fit the screen
  • Maintain Aspect Ratio: Will keep the imported image ratio size

Now if you play your lesson, you should see the imported image as your loading screen.


Click to download the sample asset used in demonstration.

Next Distance Helper Node