How to create a Loading Screen | Roblox Studio (FULL GUIDE + CUSTOMIZABLE)

In todays video I show you how to make a Loading Screen in Roblox Studio. Yes I will admit this is a very long video but I created this video aimed to allow you to customize it to how you like, no matter what sort of style you are wanting in your game. I also fully explain the code, explaining, why, how and when we use specific parts of the code. This video is amazing if your wanting to learn more about coding! Loading screens after often used in games to cover up the behind the scenes of the game loading in, loading screens prevent players seeing any half loaded in models or maps. Enhancing the overall player experience! So..... if you did want this type of system in your game make sure to watch to the end of the video to find out how!

I really enjoy making these videos for you all so I hope you enjoy them just as much as I do!
Have a lovely rest of your day!

00:00 - Introduction
01:34 - Create your GUI
9:58 - Script 1 (Fake loading screen)
22:26 - Skip Button Script
27:50 - Hint Text Script
31:35 - Script 2 (Real Loading Screen)
45:54 - Outro

Script 1 (Fake Loading Screen):

local MainScreenGui = script.Parent
local MainFrame = MainScreenGui.MainLoadingScreen -- Change names accordingly.
local TweenService = game:GetService("TweenService")
local Text = MainFrame.ProgressText
local MovingBar = MainFrame.BackgroundBar.MovingBar -- Change names accordingly.

local MainMenu = script.Parent.Parent.ScreenGui.Frame -- Main Menu Screen

for percentage = 1, 100 do
wait(0.1) -- The lower the number the faster the bar moves.
Text.Text = percentage .. "%"
Text.Text = percentage .. "%"

local Progress = percentage / 100

if percentage == 100 then
FadeInTween:Play()
FadeInTween.Completed:Wait()

wait(0.5)

MainFrame.Visible = false
MainMenu.Visible = true

FadeOutTween:Play()
FadeOutTween.Completed:Wait()
end
end
-- Made with love by Floppy
-----------------------------

Script 2 ( Skip Button):

local MainScreenGui = script.Parent.Parent.Parent
local MainFrame = MainScreenGui.MainLoadingScreen -- Your main frame.
local TweenService = game:GetService("TweenService")

script.Parent.MouseButton1Click:Connect(function()

FadeInTween:Play()
FadeInTween.Completed:Wait()

wait(0.5)

MainFrame.Visible = false
MainFrame.Parent["YOURScript"].Enabled = false -- Change YOURScript to whatever your script is called.
MainFrame.Parent.Parent.ScreenGui.Frame.Visible = true -- Main menu opener

FadeOutTween:Play()
FadeOutTween.Completed:Wait()
end)
-- Made with love by Floppy
---------------------------------
Script 3 (Hint Text) :

local TextLabel = script.Parent

local Texts = {
"Subscribe to Itz_FloppyFish",
"Leave a comment and a like if you enjoyed!",
"Want more videos like these? Leave a comment saying so!"-- You are able to add more texts below!
}

while true do
TextLabel.Text = Texts[RandomIndex]
wait(2) -- This is how often the text changes.
end
-- Made with love by Floppy!
----------------------
Script 4 (Real Loading Screen) :
I have run out of space in the description, so ive put the last script in the pinned comments.
----------------------------
If you are a bit confused what to do, Feel free to create a ticket in my discord server and we can help you out!

If you would like to support me even more, Super Thanks and becoming a Member is also another way to show your appreciation!

Roblox Studio Tutorial
Roblox Studio
Studio Tutorials

[Itz_FloppyFish]

I hope you all enjoyed! Here is script 4:

local ContentProvider =
local MainScreenGui = script.Parent
local MainFrame = -- Your main first frame
local TweenService =
local MainMenu = -- Main Menu Screen

repeat wait() until game:IsLoaded()

local GameAssets = game:GetDescendants()
local TotalGameAssets = #GameAssets

local LoadBar = -- Change the names accordingly.

LoadBar.Size = UDim2.new(0, 0, 1, 0)

local function updateLoadingText(progress)
= string.format("Assets Loading: %d/%d", progress, TotalGameAssets)
end

= "Assets Loading: 1/" .. TotalGameAssets
wait(0.5) -- You can delete everything from line 16-21 if you dont want the assets loading text.

for i, assetToLoad in ipairs(GameAssets) do

updateLoadingText(i)
LoadBar.Size = UDim2.new(i / TotalGameAssets, 0, 1, 0)
end

local FadeInTween = TweenService:Create(MainScreenGui.Fade, TweenInfo.new(0.5, Enum.EasingStyle.Linear, Enum.EasingDirection.Out), {BackgroundTransparency = 0})
FadeInTween:Play()
FadeInTween.Completed:Wait()

wait(0.5)

MainFrame.Visible = false
MainMenu.Visible = true

local FadeOutTween = TweenService:Create(MainScreenGui.Fade, TweenInfo.new(0.5, Enum.EasingStyle.Linear, Enum.EasingDirection.Out), {BackgroundTransparency = 1})
FadeOutTween:Play()
You can delete from line 26-35 if you dont want a smooth blur once it has finished loading.

[ReflexMetal]

You know it's a good day when floppy uploads <3

[woahhsid]

dont you just love how he leaves the scripts in the video. best youtuber ever.

[DraggyBloxYT]

WHERE WERE YOU FLOPPY😭😭I NEEDED THIS TURTORIAL SO LONG AGO

[StarTheFrog-gz]

This guy thought of everything. My jaw literally dropped when he thought to mention the hints, because I thought I had to figure that out on my own. Nice job, I'm subscribing!

[aceylifr]

Hey, the first script doesn't seem to work for me. Can you please help? :D

[kierantav]

not a single one of ur tuts have worked🔥

[НевелинВачков]

Wow i was trying to find this type of tutorial. I ddidnt know how to make a shop gamepass button after the loading screen is over, but i saw this and i was happy. Thanks floppy fish!

[ghabachiyeh]

Floppy I added the loading screen and listened to every single step you said and the loading screen in my game works perfectly! And I found out my game got over 15k assets 💀

[CheeseYT]

what I love about Floppy is that he takes the code and puts it in the desc and dosent make use do the coding ❤

[Kaylee_youtub]

Pin this so people can know GUYS THE SCRIPT IS IN THE DESCRIPTION!!! BELOW THE VID!!! ok that's all👍🏾

[benekthecat]

Good tutorial but how do i make the loading screen, ScreenGUI disappear upon it's loaded and display a different ScreenGui?

[matthew_]

BROTHA U LEGEND I WAS LITERALLY SCOUTING THE INTERNET FOR A TUTORIAL

[ghabachiyeh]

FINALLY I CAN ADD A LOADING SCREEN IN MY GAME! THANKS FLOPPY!

[chefwithrollingpin]

TYSM!! I’m so happy now :)
this actually helped sm lol and it’s rlly easy to do! Btw, u JUST earned a new follower!!! Again, tysmmm

[ghabachiyeh]

also floppy I put all notifications to your channel so I don’t miss your live!

[RiseOfMappings]

Suggestion:How to make a chat tag selection

[COOLONBS]

Good Video, I am now a huge fan of you, I am wondering how to create clan system in Roblox Studio, It would be really useful to my game if you could help me. Thank you keep up the great stuff

[MobDudeEdits]

Floppy can u make a video how to make a battleground game full video pls

[RealIdeaEye]

you know you HAVE to develop when floppy uploads : )