How to Create a Loading Screen in Roblox
HTML-код
- Опубликовано: 20 дек 2023
- 50% OFF COUPON WITH "DOUBLEBYTE" (ends in 3 days):
linktr.ee/ByteBlox
To try everything Brilliant has to offer-free-for a full 30 days, visit brilliant.org/ByteBlox
You’ll also get 20% off an annual premium subscription!
discord: / discord
wondered how to make a main menu in roblox studio? or how to create a shop which has working GUI? ive made lots of 2024 roblox scripting tutorials about all the different bits of roblox to give you some up-to-date information about all of its properties and events.
my goal is to simply give some insight on how to use the various features and instances roblox studio, and show you some fun stuff you can do with them. thanks for checking out this roblox scripting tutorial :) 
Хобби
Get all of my knowledge in one package: linktr.ee/ByteBlox
"give me your email so i can send you stuff" Something a Indian scammer would say.
don't trust you enough you're gonna send me uncensored gore
@@martinjelolorenzo8275 bro is not funny
Whydo you alwyays use "waitforchild" wouldn't you get like, a billion "infinite yield" errors?
@@martinjelolorenzo8275Not funny + if you don't know scripting get out of here kid.
i dont even know why im watching this im not wven making a game right now
*KNOWLEDGE*
Same 💀
Wait people watch this when making a game? They don't just watch it occasionally??
Even*
@@fabiankrajewski3147 you really didnt have to correct me i already knew i messed up
If anyone is wanting to make this a loading bar instead of a counter do this:
1. Make a loading bar container frame.
2. Insert a frame inside the container to be the actual bar.
3. Make the bar color whatever you want.
4. Set position = UDim2.new(0, 0, 0, 0)
5. Set Size = UDim2.new(0, 0, 1, 0)
6. After the preload async inside the for loop, set the size of the bar to UDim2.new(i / maxAssets, 0, 1, 0)
This makes sense wow
thanks! took me a bit to understand what this comment meant but it works! looks pretty okay too
for anyone wondering: this is what i wrote for this:
local loadBar = ui:WaitForChild("Frame"):WaitForChild("Frame"):WaitForChild("LoadingBar")
loadBar.Position = UDim2.new(0,0,0,0)
loadBar.Size = UDim2.new(0,0,1,0)
(inside the for loop:)
loadBar.Size = UDim2.new(i/maxAssets,0,1,0)
This is one of the first videos that actually EXPLAINS what each thing does, i.e "Putting a # in front of a table gets the number of items/assets in that table." I never realized what that was used for until now.
you could just google up
Thats why you experiment
@@bbnmm8720 I'm aware of that I was just giving an example of how he explains what he does
no you cant@@bbnmm8720
Honestly I just have to check up on your channel and there'll be something that I've been looking for, you're better than all of the talky big youtubers. Thanks!
I think that loading screens break the immersion of fast join, because on my pc, the game can load pretty fast but sometimes loading screens can make it longer than it is supposed to be.
just make a skip button that hides the ui
I do want to try a loading screen in the future for different projects. Thanks for the video.
This was really helpful! I tried the game and it worked like a charm.
this channel is so helpful thanks for all the tutorials
lol when i was a kid i used to hate loading screens, i used to contact Roblox support telling them to remove loading screens💀 now i realize how useful they are
Thank you Byteblox! This really helped!
the way you explain code is way better then others foe some reason
Thanks this actually worked without me having to know how to script, it works but I have 24900 parts so I’ll have to fix that too
This is a method that certainly works, but only for smaller games really. I've tried this method in the past with a larger game made up of around 6000 assets and loading each individual asset in the loop with content provider took FOREVER. The better way of doing a "working" loading screen is to pass the entire table of assets to the content provider's preload async function BEFORE the for loop and then just loop through each asset and add a task.wait() with a really small random wait time.
I say "working" in quotes because it does load the assets but the actual progress bar is faked. It is a really efficient method that loads everything even in large games very quickly and the whole thing put together should only take a few seconds. Good video tho!
I'm sorry, but I'm reading but not comprehending that. Can you elaborate on how to make a better system?
@@AntiNuke_ In the video, the creator passes to ContentProvider 1 asset ID per iteration of the loop. Doing this repetitively for lots of assets is SLOW. Since PreloadAsync takes in a table of asset IDs, you can just feed ContentProvider all the assets at once, and it will load them miles faster since it doesn't have to wait for each iteration of the for loop. That is just what I understand.
@@AntiNuke_ i meant exactly what @aoqia said, he explained it better. and when I say to "add a task.wait() with a random wait time", that should be done in the loop to simply create a natural looking progress bar. What you would do is take the content provider line and place it before the loop and put something like task.wait(math.random(1, 20)/100) on the line where the content provider async originally was
Can you explain it in simpler terms?
super usefull! but you should also make a tutorial how to make a progress bars becouse progress bars = cool
You helped me so Much thank you..
Also, to circumvent the problem in the for loop 11:35, you can just make it do a task.wait() every 'x' amount of iterations to speed it up
all that would do is double the speed it iterates through the table, just remove it since preloadasync yields either way and its just a nuisance for players to wait for so long. this is no "circumventing" a problem
thx you just saved me lots of time
As per Roblox documentation, a big part of games on Roblox is being able to get into the fun fast. That means a fast loading screen. When I had a loading screen in my game, I saw retention drop and saw people IRL leave the game cause it took too long to load. It took about 4 seconds to load.
I'll try this for sure, but I'm wondering if I can have a balance of loading in things and getting the player into fun quick. I can assure the player by having a custom loading screen, but that still didn't help when I tested things with play testers.
finally
i was looking for this
This is so cool. Could make the transition ease out instead of cutting abruptly?
clutch vid as always
I don’t even be making roblox games i just like listening to you yap
thanks
bring back the challenge every video!
What i find pretty funny is that IM CERTAIN ill never need this but it's cool to know
Is there any reason to not just put the loading GUI into StarterGui and getting a reference of it after the game has loaded? Great video, covered a topic which I didn’t really understand yet . I’m just a bit curious since, I have always been using that method because it made sense to me.
That’s also possible, I just wanted it to be inside ReplicatedFirst because then the game would load it first
Another reason is because you would have to manually disable the GUI every time you want to edit something in your game, along with enabling the GUI when you want to test your game.
you seem like no text to speech but roblox 🔥🔥🔥🔥 so swag
Personally i wouldn't bother making loading screens, this is one of the last things you want to do. The default loading screen already works pretty good for a lot of games, especially if they are not stresming instances and the game level is static. The default loading screen has a maximum of 10 seconds to be shown to a player (tho i might be wrong on this one) and after that time you may see weird stuff, but it's usually a player's fault if the cleint haven't managed to load a game.
And this video has some flaws.
First, he forgot to mention the replicatedFirst's RemoveDefaultLoadingScreen function, which, you know, should have been used in the first place if you are making loading screens.
Second, preloadAsync is intended to be used to load stuff such as images and sounds to prevent the sudden "appearance" of them and have them cached before controllably utilizing them.
Third, to actually wait for a game to be loaded, using game:isLoaded is enough. Getting descendants of the "game" is a bad idea, since you mostly care about models under a workspace folder
Fourth, it is also a bad practice to do {repeat wait() until game:IsLoaded()} in numerous ways: the wait() isn't the "fastest" yielding function if you want to be loading screens actually make sense, unnecessary usage of "if" statement, and on top of that, roblox has already provided an event without utilizing this weird loop and that is game.Loaded. Doing {if not game:IsLoaded() then game.Loaded:Wait() end} is better in every way
Fifth, why would you clone a loading gui? That's [although small but] a waste of resources
And to sum up i just hate it when a tiny game tells me to load something when in fact it's just a wait(x). Don't do that please.
P.s. the only time i would think of using it is to wait for a server to load data from data store, especially data rrgarding ui dark/light mode or something similar. Solo devs just simply don't need custom loading screens, that doesn't make you game look cooler
A lot of these are valid points. It would just take too long to fit into the video imo, so I opted in for the simple option. I didn’t actually know you could remove the default loading screen so that’s very helpful
@@byteblox100that's okay, i just left it here for someone reading comments to learn something new.
I don't know why i want to say it, but... "Every professional doctor has its own graveyard"
I have subbed a few videos ago
Fun fact: you can just drag the gui into the local script and it will automatically be parented to the script.
Also, you should ALWAYS use task.wait() since it will always be more accurate than wait() and overall faster
What is the actual different task.wait gives? I’ve heard many people talk about it and tried it myself, but it just seems like a regular wait function
task.wait runs on a 60hz polling rate, and wait is a 30hz polling rate. so its more accurate to real time.@@byteblox100
@@byteblox100 ive read that task.wait() is an equivalent of RunService.Heartbeat:Wait()
@@byteblox100 The task library on roblox doesn't have any throttling or lag because it uses the engine schedular. delay and spawn also appear in the task library. Everything in the task library is functionally way better, and I think roblox should deprecate wait(). Also video idea..?
edit: ok wait IS deprecated
@@byteblox100 task.wait() is much faster / more performant than wait() and wait() is also deprecated
people who remember crosswoods: no, just dont.
Thanks!
The script :
local contentProvider = game:GetService("ContentProvider")
local ui = script:WaitForChild("ScreenGui"):Clone()
repeat wait() until game:IsLoaded()
local assets = game:GetDescendants()
local maxAssets = #assets
local plr = game.Players.LocalPlayer
local plrGui = plr:WaitForChild("PlayerGui")
ui.Parent = plrGui
for i, assetToLoad in assets do
contentProvider:PreloadAsync({assetToLoad})
ui:WaitForChild("Frame"):WaitForChild("TextLabel").Text = i.."/"..maxAssets
end
wait(1)
forgot the
ui:Destroy() at the end
so thats why my past GUIs have never covered the full screen and left the space at the top...
finally, someone that actually agrees fredoka one is overused. it's like the comic sans of roblox in 2023/2024, theres so many better fonta like ubuntu and gotham sm.
Unsure if its my PC loading fast. though my GUI doesn't show up
But I did subscribe:)
wait() IS A SLUR
guess i am putting a slur in my local scripts every time
@@Lkrupa RAAH USE task.wait() INSTEAD!!!!!
wait() IS A MISOGYNISTIC SLUR
wait() IS A MISOGYNISTIC SLUR
wait() IS A MISOGYNISTIC SLUR
@@kamiinari. Seems like i put alotta slurs in
@@Lkrupa i sometimes accidentally wait() instead of task.wait() and then i get cancelled then doxxed
you should use
for i, assetToLoad in ipairs(assets) do
spawn(function()
contentProvider:PreloadAsync({assetToLoad})
UI:WaitForChild("Frame"):WaitForChild("TextLabel").Text = i.."/"..maxAssets
end)
end
it would just instantly finish because you are creating a new thread for each instance (which i dont think is smart to do)
@@gameplayz5847 its useful for really big games
This would just create thousands of threads and will probably crash the game. And as @gameplayz5847 said it would finish instantly.
@@2jammers It doesn't crash the game or finish instantly
@@moonburn87 this is not a smart idea at all. spawn() is deprecated, ipairs is also unneeded due to luau's __iter function. alongside this, you can literally just do ContentProvider:PreloadAsync(assets) if it's an array (which is a table with only number indices). you're also better off using the second parameter which is just a callback for when an asset is finished preloading. i'd suggest looking into the ContentProvider documentation, pretty yikes code
Your the goat
I don't encourage people to use this tutorial for 1 big reason:
When you give content provider a table with lets say a model, in order to load that model it also needs to load the children parented to the model first, then its finished loading the model
The problem with this is that in this tutorial he is passing a table containing all instances inside the game. Whats the problem you may ask?
Well what if your game has a model, well since the assets table got all descendants of the game, that means it also got every part inside that model too, thats exactly the issue, it will ensure the parts inside the model load even if it already ensured the model loaded, which when doing already ensures parts inside of it loaded
Now the more models you put inside a model means it will take extremely long to load because its just loading over and over again the same instances a lot of times, wasting time in the process.
Can you suggest something that begginer scripters can do? They don't have much choice.
Are you able to, I guess say, "multithread" load - like have multiple loading bars at once? I feel like preloadasync is only going to slow things down since its only loading one asset at a time.
Yeah, you can use task.spawn() to create separate multithreaded functions and then you can just use preloadasync but filter out the items that you don’t want the loading screen to count (something like “if itemToLoad:IsA(“Part”) then continue end” will make the loading screen ignore all items that are parts)
Yo! Sick vid jus gonna say tho for future vids instead of string concat i suggest interpolation! Roblox added support for it.
So ui:WaitForChild('Frame'):WaitForChild('TextLabel').Text = i..'/'..maxAssets
Could just be
ui:WaitForChild('Frame'):WaitForChild('TextLabel').Text = `{i}/{maxAssets}`
Also wait() was deprecated by task.wait()!
Jus wanted to tell u!
Amazing vid overall nice teaching style :)
i did this but my code didnt work, i went thru a code checker too.. not sure why roblox isnt telling me i have any errors and i checked repasted etc. like 15 times. maybe next time i guess
My loading screen doesn’t appear
Hi, um the loading screen works but when I remove parts, the max parts get higher on the game, do you know anything about that
That’s beyond me. Roblox does a lot of stuff in secret, so maybe when you remove an item it adds like 3 more for some reason
Erm, it doesnt work for me. Mind helping me?
doesn't work in my game, the number just freezes after a couple seconds.
It seems to work in a normal baseplate though which is a bit strange
sounds like a potato on batteries for a computer issue
Fun fact, to scale gui to 1,0,1,0 you can actually just write 1,1 instead of 1,0,1,0
ty
nah just write 1 (its that simple)
@@pinkaroo69420 I was gonna say that but I almost never use the same number so I was kinda just using the 1s as placeholders for other numbers in my original comment. Does that make sense?
Loading screens just slow down the game loading time
it does, but id rather have a loading screen on lets say, ERLC and wait than everything be invisibile
for me it only shows 0/0 - why
How do I make it, so it can be activated by script? Becasue I am making smth that requires the entire map being reloaded, but I cant figure out how I can make the Loading Screen activate then
Put thenloading screen script into modulescript, then just call it from there when you have to
yo nice but can you make it so while its loading the player cant walk and has invincibility?
Yeah just fire a remoteevent to the server whenever a player finishes loading all of their assets, and you can modify their speed and give them immunity (you can do that by giving the character an Instance called something like “SpawnShield”)
give them a forcefield till the gui is gone and then destroy it
time to remake crosswoods!!! :trollface:
ur comment is stupid ngl because some games with " loader" are just like numbers and aint waiting for game to actully load like all they do is "1/30"
and wym time to remake crosswoods i have even tried and if u are srs and gonna try to remake crosswoods using this loader you cant because your coding skills are trash enough for you to search up how to make a loader
trust me its almost impossible to make crosswoods i have tried 2 TIMES
I wanted to know if anyone can help me with this... the code works perfectly but I have a main menu gui and it just goes over the loading screen. how do I make it so the main menu gui only appears when it's finished loading?
maybe change zindex or something
TASHHHHHHHHHHH
Third tutorial that I have tried today and yet it still doesn't work..
I am wasting so much time rn °-°
Can you make a loading bar?
Yeah, you can just increase its length whenever a new asset loads
So the script is working for the most part, but its telling me that PreLoadAsync is not a valid member of ContentProvider. does ayone have any insightful info or fixes?
you mispelled the function name
No
i was worried he was gonna abbreviate content provider like he does tweenservice (ts) 😨
either my pc is too good for this loading screen or what but i dont even seen the gui at all, maybe its broken idk
your script is broken then because it should have the waits
dosen`t work for me :/
didnt work for me
If Your having problems with The loading screen taking to much time Then Change
local assets = game:GetDecendants()
to
local assets = workspace:GetDecendants()
that makes it only Wait for The things in The workspace to load
any way to make it even faster? I got a trash laptop and I got 18k assets. tkes at least a minute, I kinda want it to be halved. Any way to divide the amount of time to wait by 2?
@@zackrmgaming9349 delete preloadedasync line
e
Why is there 1252 assets in the baseplate though? lol
serverscriptservice and mainly roblox files that even developers cant really see
I think I put in script wrong :(
mine just stops at 12523 why
Assuming you copied the code correctly; it might be an issue with your pc. Sometimes an item doesn’t load fully because of the device and so the loading screen gets stuck
it works now, somehow my assets got from 21k to 1.1k but alright ty@@byteblox100
It won’t work for me :(
send me your code
Wrote and did evereything right and didnt worked i checked 3 times for misspells but nah
worked for me brah check again
@@ClonkBank Bro i did 10008829389 times im tired man
It doesn't work...
:O
i thought it didnt work.... i made one letter wrong..
lodading
It didn’t work
Who suffering from this command ?:
local contentProvider = game:GetService("ContentProvider")
local ui = script:WaitForChild("ScreenGui"):Clone()
repeat wait() until game:IsLoaded()
local assets = game:GetDescendants()
local maxAssets = #assets
local plr = game.players.Localplayer
local plrGui = plr:WaitForChild("PlayerGui")
ui.Parent = plrGui
for i, assetToLoad in assets do
contentProvider:PreLoadAsync({assetToLoad})
ui:WaitForChild("Frame"):WaitForChild("TextLabel").Text = i.."/"..maxAssets
end
wait(1)
ui:Destroy()
Honestly, I hate loading screens, specially in roblox games.
Maybe, but itll look worse if you load into a game where 70% of the parts are transparent
@@QUBIQUBED or play while its loading and get huge lag spikes or overall lag
I agree, but most of the time they take 5 to 15 minutes to finish, so I'd rather play with many assets missing until the game finishes loading naturally.
You didn't make a game, but you watch this video anyway, correct?
No its actually really useful
Useful? Hmmmm, probably not.
Interesting? 100%. Even Im not even making a game, its just kinda neat.
@@dr_mafarioyt4313 How can you call this not useful? I now have a loading screen in my game, and i can confirm that it is now 10000% better
nah but im implementing it rn
This is the script:
local contentProvider = game:GetService("ContentProvider")
local ui = script:WaitForChild("ScreenGui"):Clone()
repeat wait() until game:IsLoaded()
local assets = game:GetDescendants()
local maxAssets = #assets
local plr = game.Players.LocalPlayer
local plrGui = plr:WaitForChild("PlayerGui")
ui.Parent = plrGui
for i, assetToLoad in assets do
contentProvider:PreloadAsync({assetToLoad})
ui:WaitForChild("Frame"):WaitForChild("TextLabel").Text = i.."/"..maxAssets
end
wait(1)
ui:Destroy()
Nice vid
Edit: yes i did like my own comment
No one cares you will be…
Time wasted
`wait` instead of `task.wait` 🤮🤮🤮