Tutorial Roblox Studio com GUI e Lua

Como fazer um menu settings no Roblox Studio

Neste tutorial, você vai aprender como criar um menu de configurações no Roblox Studio usando interface GUI e lógica simples em Lua. A ideia é criar botões para controlar opções do jogo, como música, efeitos sonoros, dia e noite e sombras.

Esse tipo de menu deixa o jogo mais profissional e ajuda quem está começando a entender como interfaces, botões e scripts funcionam dentro de um projeto no Roblox Studio.

🎛️

Menu de configurações Crie uma interface para o jogador controlar opções do jogo.

🔊

Som e efeitos Use botões para ligar e desligar música e efeitos sonoros.

🌗

Dia e noite Altere a iluminação do jogo usando Lighting no Roblox Studio.

💻

Script em Lua Veja o LocalScript pronto para copiar e adaptar no projeto.

Vídeo aula passo a passo

Veja como criar um menu settings no Roblox Studio

No vídeo, você acompanha a criação do menu de configurações dentro do Roblox Studio, usando elementos de GUI e um LocalScript para controlar as opções do jogo.

A aula mostra como abrir e fechar o menu, criar botões de On/Off e alterar opções como música, efeitos sonoros, dia e noite e sombras do ambiente.

🎛️

Interface GUI organizada

Aprenda a estruturar o menu com ScreenGui, Frames e botões dentro do jogo.

🔊

Botões para ligar e desligar

Crie opções de som, efeitos e sombras usando lógica de alternância.

🌗

Configuração de dia e noite

Use o Lighting para mudar o horário do jogo e criar uma experiência mais dinâmica.

Thumbnail do vídeo Como criar menu settings no Roblox Studio
Assistir tutorial

Dica: assista ao vídeo primeiro e depois copie o script. Assim fica mais fácil entender onde cada botão do menu precisa estar na interface.

Antes de copiar o script

Prepare a interface do menu settings no Roblox Studio

Para o script funcionar corretamente, a interface precisa estar organizada com os nomes certos. O código usa esses nomes para encontrar o menu, o botão de abrir e cada botão de configuração.

⚠️

Importante: se algum Frame ou botão estiver com nome diferente, o script pode dar erro ou simplesmente não controlar a opção desejada.

1

Crie uma ScreenGui

A interface principal deve estar dentro de uma ScreenGui. É nela que ficam o botão de abrir e o painel do menu settings.

2

Crie o FrameMenu

O painel principal do menu precisa se chamar FrameMenu. Ele começa invisível e aparece quando o jogador clica no botão de abrir.

3

Crie o botão de abrir

O script procura um FrameButton com um ImageButton dentro. Esse botão abre e fecha o menu de configurações.

4

Configure os botões internos

Dentro do menu, crie os Frames dos controles: FrameGameMusic FrameDayOrNight FrameSoundEffects FrameGameShadows

💻

Com a interface pronta, o próximo passo é adicionar o LocalScript

O script vai abrir e fechar o menu, mudar o texto dos botões e controlar música, efeitos sonoros, horário do jogo e sombras.

Ir para o script
Script pronto para copiar

LocalScript do menu settings no Roblox Studio

Este script controla a abertura do menu, liga e desliga a música, alterna entre dia e noite, controla efeitos sonoros e ativa ou desativa as sombras do jogo.

LocalScript
Dentro da ScreenGui
local MusicSound= game:GetService("SoundService").SoundGroup
local MusicSoungGroup = game:GetService("SoundService").SoundGroupEffects
local ScreenGui = script.Parent
local Lighting = game:GetService("Lighting")

local FrameMenu = ScreenGui:WaitForChild("FrameMenu")
local ButtonOpen= ScreenGui:WaitForChild("FrameButton"):WaitForChild("ImageButton")

FrameMenu.Visible =false


ButtonOpen.MouseButton1Up:Connect(function()
	FrameMenu.Visible = not FrameMenu.Visible
end)
local soundMusicButton = FrameMenu.FrameGameMusic.TextButton
soundMusicButton.Text = "On"
local playActive= true

soundMusicButton.MouseButton1Up:Connect(function()
	if not playActive then
		playActive = true
		soundMusicButton.Text = "On"
		MusicSound.Volume= 0.5
	else
		playActive=false
		soundMusicButton.Text="Off"
		MusicSound.Volume=0
	end
end)
local dayNightButton = FrameMenu.FrameDayOrNight.TextButton

dayNightButton.Text= "Dia"

local dayActive= true
dayNightButton.MouseButton1Up:Connect(function()
	if not dayActive  then
		dayActive=true
		dayNightButton.Text="Dia"
		Lighting.ClockTime=14

	else
		dayActive= false
		dayNightButton.Text="Noite"
		Lighting.ClockTime= 20
	end
end)
local buttonSoundEffects= FrameMenu.FrameSoundEffects.TextButton
buttonSoundEffects.Text= "On"

local soundEffectActive = true

buttonSoundEffects.MouseButton1Up:Connect(function()

	if not soundEffectActive then
		soundEffectActive= true
		buttonSoundEffects.Text= "On"
		MusicSoungGroup.Volume= 0.5
	else
		soundEffectActive=false
		buttonSoundEffects.Text= "Off"
		MusicSoungGroup.Volume=0
	end
end)

local buttonShadows = FrameMenu.FrameGameShadows.TextButton
buttonShadows.Text= "On"

local shadowsActive = true

buttonShadows.MouseButton1Up:Connect(function()
	if not shadowsActive then
		shadowsActive=true
		buttonShadows.Text="On"
		Lighting.GlobalShadows =true
	else
		shadowsActive=false
		buttonShadows.Text= "Off"
		Lighting.GlobalShadows=false
	end
end)
💡

Onde colocar: este LocalScript deve ficar dentro da ScreenGui do menu. Confira se os nomes dos Frames e botões estão iguais aos usados no código.

Entenda a lógica

Como funciona o menu settings no Roblox Studio?

O script do menu settings trabalha com botões que alternam entre ligado e desligado. Cada clique muda uma configuração do jogo e também atualiza o texto que aparece na tela.

1

O botão abre e fecha o menu

Quando o jogador clica no botão principal, o script alterna a visibilidade do painel.
FrameMenu.Visible

2

A música pode ser ligada ou desligada

O botão de música muda o texto para On ou Off e altera o volume do SoundGroup.
MusicSound.Volume

3

O jogo alterna entre dia e noite

O botão de dia e noite muda o horário do ambiente usando o serviço Lighting.
Lighting.ClockTime

4

Os efeitos sonoros são controlados

O jogador pode ativar ou desativar efeitos sonoros dentro do jogo mudando o volume do grupo de efeitos.
SoundGroupEffects

5

As sombras podem ser removidas

O botão de sombras ativa ou desativa o GlobalShadows, mudando o visual do ambiente.
Lighting.GlobalShadows

6

Cada botão funciona como toggle

O sistema guarda um estado verdadeiro ou falso para saber se a configuração está ativa.
true / false

🎛️

Esse tipo de menu deixa o jogo mais profissional

Criar menus, botões e configurações ajuda o aluno a entender interface, eventos, variáveis e lógica de programação dentro do Roblox Studio.

Ver erros comuns
Correção de erros

Erros comuns ao criar um menu settings no Roblox Studio

Se o menu não abre, os botões não funcionam ou o som não muda, quase sempre o problema está nos nomes dos objetos, no local do LocalScript ou na estrutura da GUI.

⚠️

O FrameMenu está com nome diferente

O script procura exatamente por FrameMenu. Se o painel tiver outro nome, o Roblox Studio não vai encontrar o menu para abrir e fechar.

🖱️

O botão de abrir não está no lugar certo

O código espera encontrar um FrameButton com um ImageButton dentro. Se essa estrutura mudar, o clique pode não funcionar.

🎛️

Algum TextButton não existe

Cada configuração precisa ter um botão. Confira se os Frames possuem um TextButton dentro, principalmente música, efeitos, dia/noite e sombras.

🔊

SoundGroup não foi criado no SoundService

O script usa SoundService, SoundGroup e SoundGroupEffects. Se esses grupos não existirem, o controle de som pode dar erro.

🌗

Dia e noite não mudam no jogo

A troca de horário depende do Lighting.ClockTime. Confira se o LocalScript está rodando corretamente e se o botão de dia/noite foi criado com o nome usado no código.

🌑

As sombras não ativam ou desativam

O controle de sombras usa Lighting.GlobalShadows. Se o botão não responder, confira o Frame FrameGameShadows e o TextButton dentro dele.

📁

O LocalScript está fora da ScreenGui

O código usa script.Parent para encontrar a ScreenGui. Por isso, o LocalScript precisa estar dentro da interface principal do menu.

👀

O menu aparece aberto logo no início

O script começa com FrameMenu.Visible =false. Se o menu continuar aparecendo, confira se outro script ou configuração da interface não está deixando o Frame visível.

💡

Antes de mexer no código, confira os nomes da interface

Em muitos casos, o script está certo, mas a GUI foi montada com nomes diferentes. Compare a estrutura do seu Explorer com a estrutura explicada no bloco anterior.

Programação For Kids

Gostou de criar o menu? Seu filho pode aprender a fazer jogos completos no Roblox

Criar um menu settings é só uma das partes de um jogo bem feito. Quando a criança aprende com uma trilha guiada, ela começa a entender lógica, interface, botões, scripts e sistemas interativos de um jeito mais organizado.

Na Programação For Kids, o aluno aprende programação criando projetos práticos no Roblox Studio, desenvolvendo criatividade, raciocínio lógico e autonomia para construir seus próprios jogos.

🎮

Aprender criando projetos reais

Roblox Studio • Lua • GUI • Lógica

🧠

Raciocínio lógico O aluno entende eventos, variáveis, condições e comandos criando sistemas dentro do jogo.

🎛️

Interfaces e menus Aprende a criar telas, botões, painéis e menus mais parecidos com jogos profissionais.

🚀

Do jogo ao aprendizado O interesse por Roblox vira prática de programação, criatividade e resolução de problemas.

Ideal para pais: uma forma prática de transformar o tempo de tela em aprendizado criativo.
Perguntas frequentes

FAQ sobre como criar menu settings no Roblox Studio

Veja as principais dúvidas sobre menu de configurações, GUI, botões On/Off, som, dia e noite, sombras e LocalScript no Roblox Studio.

O menu settings no Roblox Studio é o menu de configurações do jogo. Ele permite que o jogador altere opções como música, efeitos sonoros, sombras, horário do ambiente e outras preferências dentro da interface.

Para criar um menu settings no Roblox Studio, você precisa montar uma interface com ScreenGui, Frames e botões. Depois, usa um LocalScript para abrir e fechar o menu e controlar as opções do jogo.

A GUI precisa ter uma estrutura organizada, com um painel principal chamado FrameMenu, um botão para abrir o menu e Frames internos para cada configuração, como música, dia/noite, efeitos sonoros e sombras.

O LocalScript deve ficar dentro da ScreenGui do menu. Como o código usa script.Parent, ele precisa estar no lugar certo para encontrar o FrameMenu, o botão de abrir e os outros elementos da interface.

Para fazer um botão On/Off, você pode usar uma variável verdadeira ou falsa, como true e false. Quando o jogador clica, o script troca o estado, muda o texto do botão e altera a configuração desejada.

O som pode ser controlado alterando o volume de um grupo de áudio no SoundService. Quando o jogador clica no botão, o script pode mudar o volume para 0 para desligar ou para um valor como 0.5 para ligar.

Para alternar entre dia e noite, o script pode alterar o Lighting.ClockTime. Por exemplo, um valor como 14 deixa o ambiente com aparência de dia, enquanto um valor como 20 deixa o jogo com aparência de noite.

As sombras podem ser ativadas ou desativadas usando Lighting.GlobalShadows. Quando o valor está como true, as sombras aparecem. Quando está como false, elas são desligadas.

O menu pode não abrir se o FrameMenu estiver com nome diferente, se o botão de abrir não estiver dentro de FrameButton, se o ImageButton não existir ou se o LocalScript estiver fora da ScreenGui.

Sim. Criar menus no Roblox Studio é uma ótima forma de aprender lógica de programação, eventos, variáveis, botões e interface. Com uma explicação passo a passo, crianças e adolescentes conseguem entender como cada parte do sistema funciona.

Sim. O Roblox Studio é uma ferramenta muito usada por iniciantes porque permite aprender programação criando jogos, menus, sistemas, personagens, mapas e interações. O ideal é começar com projetos simples e evoluir aos poucos.

🎮

Quer continuar aprendendo Roblox Studio?

Depois do menu settings, o aluno pode aprender sistemas de loja, moedas, NPCs, efeitos, mapas, obstáculos e jogos completos.

Conhecer curso Roblox
Conclusão do tutorial

Agora você já sabe como criar um menu settings no Roblox Studio

Criar um menu de configurações é um passo importante para deixar o jogo mais completo e profissional. Com esse sistema, o jogador consegue controlar opções como música, efeitos sonoros, dia e noite e sombras.

Mais do que copiar um script, esse projeto ajuda a entender conceitos essenciais de programação: eventos, variáveis, interface, botões, condições e lógica de alternância.

Para crianças e adolescentes, aprender Roblox Studio dessa forma é uma maneira prática de transformar o interesse por jogos em aprendizado de tecnologia.

🚀

Próximos passos no Roblox Studio

Continue evoluindo com projetos práticos

🎛️

Melhore suas interfaces Crie menus, botões, telas de loja, placares e painéis dentro do jogo.

💻

Pratique scripts em Lua Use eventos, variáveis e condições para criar sistemas interativos.

🎮

Crie jogos mais completos Combine menus, efeitos, mapas, personagens, moedas, NPCs e desafios.

Dica final: depois de testar o menu settings, tente personalizar as cores, os ícones e os botões para deixar o jogo com a sua identidade.
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.

Para pais, crianças e adolescentes Aprendizado criativo Roblox • Lógica • Tecnologia
Programação para crianças aprendendo com jogos
1
  • You cannot add another "Programação para Crianças e Adolescentes - Frontend JR HTML, CSS, Javascript" to your cart.
  • You cannot add this combo to your cart.
  • You cannot add another "Curso de Roblox para Crianças e Adolescentes | Aprenda Criando Jogos" to your cart.
  • You cannot add this combo to your cart.
1
Seu Carrinho
combo game e web starter iniciante para criancas e adolescentes
Combo Game & Web Developer
Qtd: 1
Preço: O preço original era: R$ 109,80.O preço atual é: R$ 89,90.
Economize R$ 19,90
R$ 89,90