Como Fazer Botão Animado no Roblox Studio: Crie Botões Interativos para Seu Jogo
Quer deixar seu jogo no Roblox mais profissional e divertido? Aprenda como fazer botão animado no Roblox Studio de forma simples e visual, mesmo que esteja começando agora! Os botões animados são ótimos para menus, lojas, checkpoints e muito mais. Nesta aula gratuita, você vai criar o seu com scripts simples e efeitos incríveis.
Botão Animado no Roblox Studio: Crie um Efeito Profissional com TweenService
🔹 Script: Aumentar o Botão com Animação Suave
local TweenService = game:GetService("TweenService")
local tweenInfo = TweenInfo.new(
1,
Enum.EasingStyle.Quad,
Enum.EasingDirection.Out,
0,
false,
0
)
local goal ={
Size= UDim2.new(0,210,0,50)
}
local goalOut= {
Size = UDim2.new(0, 200,0,50)
}
local FrameBtn1 = script.Parent.FramePrincipal.FrameBtn1
local FrameBtn2 = script.Parent.FramePrincipal.FrameBtn2
local FrameBtn3 = script.Parent.FramePrincipal.FrameBtn3
local FrameBtn4 = script.Parent.FramePrincipal.FrameBtn4
local sound = Instance.new("Sound")
sound.SoundId = "rbxassetid://9083627113"
sound.Parent=workspace
local debounceSound=false
local function TweenIN (botao)
local tween = TweenService:Create(botao, tweenInfo, goal)
tween:Play()
if not debounceSound then
debounceSound=true
sound:Play()
end
end
local function TweenOut(botao)
local tweenOut= TweenService:Create(botao, tweenInfo, goalOut)
tweenOut:Play()
debounceSound= false
end
FrameBtn1.MouseMoved:Connect(function()
TweenIN(FrameBtn1.Btn1)
end)
FrameBtn1.MouseLeave:Connect(function()
TweenOut(FrameBtn1.Btn1)
end)
FrameBtn2.MouseMoved:Connect(function()
TweenIN(FrameBtn2.Btn2)
end)
FrameBtn2.MouseLeave:Connect(function()
TweenOut(FrameBtn2.Btn2)
end)
FrameBtn3.MouseMoved:Connect(function()
TweenIN(FrameBtn3.Btn3)
end)
FrameBtn3.MouseLeave:Connect(function()
TweenOut(FrameBtn3.Btn3)
end)
FrameBtn4.MouseMoved:Connect(function()
TweenIN(FrameBtn4.Btn4)
end)
FrameBtn4.MouseLeave:Connect(function()
TweenOut(FrameBtn4.Btn4)
end)
👩💻 Transforme sua Criatividade em Jogos no Roblox!
Com nossos cursos, você aprende a criar jogos incríveis com programação de verdade, passo a passo, do zero!
🎓 Aulas didáticas + apostilas + certificado !
👉 Comece agora mesmo no Programação for Kids
🎥 Explore Mais Aulas Grátis no Nosso Canal do YouTube!
No nosso canal, você encontra várias aulas gratuitas ensinando passo a passo como criar jogos no Roblox, com efeitos, animações, monetização e muito mais!
👉 Clique aqui para visitar o canal Programação for Kids no YouTube
🔔 Inscreva-se e ative o sininho para aprender programação brincando!
