Como Fazer Barra de Carregando no Roblox Studio (Loading Bar Passo a Passo)
Adicionar uma barra de carregamento (também conhecida como loading bar) no seu jogo pode parecer algo avançado, mas neste post você vai ver como é simples implementar esse recurso no Roblox Studio.
Você vai aprender como fazer barra de carregando no Roblox, usando GUI, TweenService e scripts em Lua, tudo explicado passo a passo, de forma visual, clara e pensada especialmente para iniciantes — incluindo crianças e adolescentes que estão dando os primeiros passos na programação.
Além do vídeo com o tutorial completo, você também vai encontrar abaixo os scripts prontos para baixar, links para o curso gratuito com certificado e outras aulas complementares que vão te ajudar a criar jogos incríveis!
📽️ 🎬 Tutorial em Vídeo: Aprenda a Fazer a Barra de Carregamento no Roblox
Já pensou em deixar seu jogo mais profissional com uma barra de carregamento animada?
Assista ao vídeo abaixo e veja como fazer isso no Roblox Studio, com um passo a passo prático e divertido!
📜 📦 Scripts Prontos para Você Usar no Seu Jogo
Para facilitar sua vida, preparamos os scripts usados nesta aula para você copiar e colar no seu projeto.
Aproveite para explorar o código e entender como funciona cada parte da lógica por trás do carregamento animado.
local contentProvider = game:GetService("ContentProvider")
local TweenService = game:GetService("TweenService")
local ui = script:WaitForChild("ScreenGui"):Clone()
repeat wait() until game:IsLoaded()
local assets= game:GetDescendants()
local maxassets = #assets
local player = game.Players.LocalPlayer
local playerGui = player:WaitForChild("PlayerGui")
ui.Parent = playerGui
local ProgressBar = ui:WaitForChild("Frame"):WaitForChild("BackgroundBar"):WaitForChild("ProgressBar")
ProgressBar.Size = UDim2.new(0,0,1,0)
for i, asset in assets do
--wait(0.00001)
contentProvider:PreloadAsync({asset})
ui:WaitForChild("Frame"):WaitForChild("TextLabel").Text = i.. "/".. maxassets
local percent= i/maxassets
local TweenInfo = TweenInfo.new(0.2, Enum.EasingStyle.Quad, Enum.EasingDirection.Out)
local goal = { Size= UDim2.new(percent, 0,1,0)}
local tween = TweenService:Create(ProgressBar, TweenInfo, goal)
tween:Play()
end
wait(1)
ui:Destroy()
🎓 🚀 Aprenda Muito Mais com Nossos Cursos Gratuitos
Quer ir além e aprender a programar jogos completos no Roblox Studio com Lua?
Conheça nossos cursos completos, com aulas passo a passo, apostilas, quizzes e certificado para imprimir e mostrar com orgulho!
📺 🔔 Inscreva-se no Nosso Canal no YouTube
No nosso canal, você encontra aulas como essa toda semana!
São vídeos curtos, objetivos e pensados para crianças e adolescentes que querem aprender programação criando jogos.
🎮 Aulas e tutoriais relacionados:
🎓 Cursos e conteúdo para aprofundar:
Combo Futuro Programador
Combo do Zero ao Primeiro Jogo
Curso Programação Roblox Completo
