BLOG PROGRAMAÇÃO FOR KIDS

Programação para Crianças: Como Aprender Criando Jogos de Forma Divertida

Descubra como a programação para crianças pode desenvolver raciocínio lógico, criatividade e autonomia através de jogos, desafios e projetos práticos no Roblox e em outras plataformas.

Conhecer o site Ver cursos

Para pais, crianças e adolescentes Aprendizado criativo Roblox • Lógica • Tecnologia

Programação para crianças aprendendo com jogos

Como fazer uma Barra de Carregando no Roblox Studio

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.

👉 Se inscreva no canal Programação for Kids