Como Fazer GUIs Funcionarem no Roblox

Criando Interfaces Gráficas (GUI) no Roblox

GUI significa Graphical User Interface (Interface Gráfica do Usuário). No mundo virtual 3D do Roblox, você pode criar e usar GUIs. Elas são implementadas apenas em 2D e mantêm sua orientação independentemente da posição do jogador em relação a elas.

Pré-requisitos

• Roblox Studio aberto com seu lugar (place) carregado.
• Conhecimento básico de script Lua.

Passo a Passo

1. Abra o Roblox Studio e carregue seu lugar.
2. Defina a posição e tamanho da GUI usando a função UDim2. Exemplo:

   local r = Instance.new("Frame")
   r.Position = UDim2.new(0.5, 0, 0.5, 0)
   r.Size = UDim2.new(0.5, 0, 0.5, 0)

   Os valores (0.5, 0, 0.5, 0) representam coordenadas relativas (escala, offset). Altere-os para mover ou redimensionar a GUI.

3. Crie um frame retangular que apareça quando um jogador entrar:

   game.Players.PlayerAdded:Connect(function(player)
       local frame = Instance.new("Frame")
       local screenGui = Instance.new("ScreenGui")
       frame.Parent = screenGui
       screenGui.Parent = player.PlayerGui
       frame.Position = UDim2.new(0.5, 0, 0.5, 0)
       frame.Size = UDim2.new(0.5, 0, 0.5, 0)
   end)

   PlayerAdded:Connect dispara a criação da GUI ao conectar. Size define o tamanho.

4. Adicione botões interativos (ex.: TextButton):

   game.Players.PlayerAdded:Connect(function(player)
       local button = Instance.new("TextButton")
       local screenGui = Instance.new("ScreenGui")
       button.Parent = screenGui
       screenGui.Parent = player.PlayerGui
       button.Position = UDim2.new(0.1, 0, 0.1, 0)
       button.Size = UDim2.new(0.5, 0, 0.5, 0)
       button.MouseButton1Click:Connect(function()
           print("Você clicou no botão GUI!")
       end)
   end)

   Use MouseButton1Click para clique esquerdo; MouseButton2Click para direito. Personalize o texto impresso ou a ação desejada.

5. Salve clicando em "Save" para gravar a GUI no seu lugar.

Dicas

• Teste a GUI no modo "Play Solo" antes de publicar.
• Use ScreenGui para GUIs 2D fixas na tela; SurfaceGui para GUIs em superfícies 3D.
• Explore propriedades como BackgroundColor3, BorderSizePixel, TextScaled para personalização visual.