Loading Screen Code Sample - How To add my own loading image?

Help and Feedback Scripting Support
, , ,
#1

I am using the provided Loading Screen Code Sample from the Creator Documentation Resource Samples.

I placed the “LoadingScreen” parent folder within ReplicatedFirst folder as recommended.

How can I use my own Background image on the loading screen?
I added an ImageLabel, but my image is only showing on the top left corner, very tiny.
please see screenshot below:

image
image1780×1097 72.7 KB

Instead, I would like to make sure the image is shown 100% Full Screen over the current pink template color.

How can I do that?

Current Explorer and property settings:

image
image544×1231 61.5 KB

Thank you so much for any little help!

2 Likes
#2

just size your image label up to the size of the frame

1 Like
#3

Use scale for the image label instead (just set size to {1, 0}, {1, 0})

1 Like
#4

thank you soooo much everyone - that worked. :smiley: :hugs:
for anyone else, see screenshot below / property panel of the Image Label:

image
image936×1053 69.7 KB

1 Like
#5

But one more question.
When I work with a ScreenGUI I can pre-visualize and somehow design my layout.

The loading Screen Code Sample provided doesn’t have a ScreenGUI.

  • How can I visualize and design the Layout of my Loading Screen without “Play” mode?

Thank you so much for any tips and tricks!
:hugs:

1 Like
#6

Try placing the entire frame in starterGui when working on it, then moving it over when u want to test

Also if you got your answer please mark it as the answer

#7

Make sure you change the size of the frame too! It’s possible that the frame is set to something smaller than {1, 0, 1, 0}