I’m not much of a GUI designer, but how can I make a loading screen animation like this one:
… In Roblox Studio?
Thanks in advance!
3 Likes
Here is a Wiki Article on it Custom Loading Screens, the method is.
Here is a script which I stole off the article, plus I will annotate it:
--Get Services
local Players = game:GetService("Players")
local ReplicatedFirst = game:GetService("ReplicatedFirst")
local TweenService = game:GetService("TweenService")
local player = Players.LocalPlayer --Get player
local playerGui = player:WaitForChild("PlayerGui") --And PGui
local screenGui = Instance.new("ScreenGui") --GUI you can make your own
screenGui.IgnoreGuiInset = true
screenGui.Parent = playerGui
local textLabel = Instance.new("TextLabel")
textLabel.Size = UDim2.new(1, 0, 1, 0)
textLabel.BackgroundColor3 = Color3.fromRGB(0, 20, 40)
textLabel.Font = Enum.Font.GothamSemibold
textLabel.TextColor3 = Color3.new(0.8, 0.8, 0.8)
textLabel.Text = "Loading"
textLabel.TextSize = 28
textLabel.Parent = screenGui
local loadingRing = Instance.new("ImageLabel")
loadingRing.Size = UDim2.new(0, 256, 0, 256)
loadingRing.BackgroundTransparency = 1
loadingRing.Image = "rbxassetid://4965945816"
loadingRing.AnchorPoint = Vector2.new(0.5, 0.5)
loadingRing.Position = UDim2.new(0.5, 0, 0.5, 0)
loadingRing.Parent = screenGui
-- Remove the default loading screen
ReplicatedFirst:RemoveDefaultLoadingScreen()
local tweenInfo = TweenInfo.new(4, Enum.EasingStyle.Linear, Enum.EasingDirection.In, -1) --Make infinitely rotating image
local tween = TweenService:Create(loadingRing, tweenInfo, {Rotation = 360})
tween:Play()
task.wait(3) -- Force screen to appear for a minimum number of seconds
if not game:IsLoaded() then
game.Loaded:Wait() --If the game is not loaded, wait until it is
end
--When the game is loaded, destroy the screengui
screenGui:Destroy()
3 Likes
Pretty sure you kinda can make something similar using like circular bar system and like do some coding and stuff idk i am just giving a suggestion
Yeah, of course, I was giving a suggestion,
If you want to learn how to do it, here is a good tutorial: The Ultimate Guide to Custom Loading/Health Bars
2 Likes
yep no need for me to read that thing i am good on my own
lol yea also thanks for the loading bar link that is actually useful
Did all work / Are there any issues?