PcoWSkbVqDnWTu_dm2ix

Custom Loading Screens

Custom Loading Screens

5 min

Roblox displays a default loading screen when players join, but you can personalize your game further with a custom loading screen that contains static or animated content.

Setup/Design

Custom loading screens utilize ReplicatedFirst, a service that replicates instances to clients before anything else is replicated.

  1. Create a LocalScript within ReplicatedFirst.
  1. Paste in the following code and customize the ScreenGui starting on line 10.

If you don’t want to design the loading screen through scripting, you can reference a pre-created ScreenGui named LoadingScreen using the script below. The screen should be stored inside ReplicatedFirst.


Adding Animations

Animations can enhance the loading screen and indicate progress. The following example adds an ImageLabel to the screen and rotates it continually using TweenService.

Tags:
  • loading
  • gui