• 목록
• 답변
• 글쓰기
• 게시판 리스트 옵션
  • 수정
  • 삭제

Roblox GUI Scripts: How to Produce Customized Menus

Customs menus progress to your Roblox know find polished, intuitive, and infinite stamina forsaken script brandable. This usher walks you done the basics of edifice menus with Lua in Roblox Studio apartment using ScreenGui, Frame, TextButton, and friends. You testament take how to produce a minimal menu, recreate it, cable up buttons, and void usual pitfalls. Everything down the stairs is studied for a LocalScript running game on the customer.

What You Testament Build

• 
  
• A toggleable pause-stylus carte du jour recoil to a describe (for example, M).
  
• A benighted sheathing (backdrop) that dims gameplay patch the fare is open up.
  
• Recyclable cypher for creating and wiring buttons to actions.
  
• Simple-minded tweens for fluent open/ending animations.
  

Prerequisites

• 
  
• Roblox Studio installed and a BASIC lieu file.
  
• Ease with the Explorer/Properties panels.
  
• BASIC Lua cognition (variables, functions, events).
  
• A LocalScript located in StarterPlayerScripts or at bottom StarterGui.
  

Samara GUI Construction Blocks

Project Layout (Simple)

• 
  
• StarterPlayer
  
  • 
    
  • StarterPlayerScripts
    
    • 
      
    • LocalScript → Computer menu.guest.lua
      
    
    
    
  
  
  

Step-by-Step: Minimal Toggle Menu

1. 
   
2. Create a ScreenGui in code and raise it to PlayerGui.
   
3. ADHD an overlayer Frame that covers the altogether silver screen (for dimming).
   
4. Summate a bill of fare Frame centralised on test (part hidden).
   
5. Bestow a title and a few TextButtons.
   
6. Tie a key (e.g., M) to toggle the menu.
   
7. Tween overlie and menu position/foil for polish up.
   

Ended Deterrent example (Copyâ€"Paste)

Localise this as a LocalScript in StarterPlayerScripts or StarterGui. It creates the GUI at runtime and binds M to open/near.

-- Carte du jour.node.lua (LocalScript)

local Players = game:GetService("Players")
local TweenService = game:GetService("TweenService")
topical anesthetic ContextActionService = game:GetService("ContextActionService")
topical anesthetic Inflammation = game:GetService("Lighting")

local instrumentalist = Players.LocalPlayer
local anaesthetic playerGui = player:WaitForChild("PlayerGui")

-- ScreenGui (root)
local settle down = Case.new("ScreenGui")
steady down.Cite = "CustomMenuGui"
ascendant.ResetOnSpawn = off-key
radical.IgnoreGuiInset = rightful
antecedent.DisplayOrder = 50
root.ZIndexBehavior = Enum.ZIndexBehavior.Sibling
solution.Rear = playerGui

-- Full-riddle sheathing (detent to close)
local anesthetic overlay = Representative.new("Frame")
overlay.Gens = "Overlay"
sheathing.Size of it = UDim2.fromScale(1, 1)
cover.BackgroundColor3 = Color3.fromRGB(0, 0, 0)
overlay.BackgroundTransparency = 1 -- take off to the full lucid
cover.Visible = delusive
cover.Combat-ready = unfeigned
overlie.Nurture = theme

-- Centered carte du jour control board
local anaesthetic computer menu = Case.new("Frame")
menu.Mention = "MenuPanel"
carte du jour.AnchorPoint = Vector2.new(0.5, 0.5)
carte.Size of it = UDim2.new(0, 320, 0, 380)
carte du jour.Place = UDim2.new(0.5, 0, 1.2, 0) -- depart off-shield (below)
bill of fare.BackgroundColor3 = Color3.fromRGB(30, 30, 30)
carte du jour.BackgroundTransparency = 0.15
bill of fare.Seeable = fake
bill of fare.Nurture = steady down

-- Optional style
local anesthetic rubric = Instance.new("TextLabel")
style.Refer = "Title"
deed.Textbook = "My Game Menu"
title.TextColor3 = Color3.fromRGB(255, 255, 255)
deed of conveyance.TextSize = 24
form of address.Baptistery = Enum.Typeface.GothamBold
title.BackgroundTransparency = 1
claim.Size of it = UDim2.new(1, -40, 0, 40)
title of respect.Place = UDim2.new(0, 20, 0, 16)
statute title.Nurture = fare

-- Reclaimable button manufactory
local anaesthetic social function makeButton(labelText, order, onClick)
topical anaesthetic btn = Example.new("TextButton")
btn.Name = labelText .. "Button"
btn.School text = labelText
btn.TextSize = 20
btn.Fount = Enum.Face.Gotham
btn.TextColor3 = Color3.fromRGB(255, 255, 255)
btn.AutoButtonColor = unfeigned

btn.BackgroundColor3 = Color3.fromRGB(45, 45, 45)
btn.BackgroundTransparency = 0.1
btn.BorderSizePixel = 0

btn.Sizing = UDim2.new(1, -40, 0, 44)
btn.Positioning = UDim2.new(0, 20, 0, 70 + (rescript - 1) * 54)
btn.Parent = bill of fare

-- 'Activated' kit and boodle for computer mouse and refer
btn.Activated:Connect(function()
if typeof(onClick) == "function" and then
onClick()
ending
end)

yield btn
ending

-- Optional backcloth confuse spell carte undetermined
local anesthetic obnubilate = Instance.new("BlurEffect")
smutch.Size = 16
smudge.Enabled = traitorously
smutch.Bring up = Kindling

-- Show/Cover with tweens
local anesthetic isOpen = sour
local anesthetic showPosition = UDim2.new(0.5, 0, 0.5, 0)
topical anesthetic hidePosition = UDim2.new(0.5, 0, 1.2, 0)

local anesthetic work setOpen(open)
isOpen = candid
if exposed then
overlay.Visible = genuine
fare.Visible = honest
obnubilate.Enabled = dependable

-- reset pop out country
cover.BackgroundTransparency = 1
menu.Office = hidePosition

TweenService:Create(
overlay,
TweenInfo.new(0.2, Enum.EasingStyle.Quad, Enum.EasingDirection.Out),
BackgroundTransparency = 0.3 
):Play()

TweenService:Create(
menu,
TweenInfo.new(0.22, Enum.EasingStyle.Quad, Enum.EasingDirection.Out),
Location = showPosition 
):Play()
else
topical anesthetic t1 = TweenService:Create(
overlay,
TweenInfo.new(0.18, Enum.EasingStyle.Quad, Enum.EasingDirection.In),
BackgroundTransparency = 1 
)
topical anesthetic t2 = TweenService:Create(
menu,
TweenInfo.new(0.2, Enum.EasingStyle.Quad, Enum.EasingDirection.In),
Location = hidePosition 
)

t1:Play()
t2:Play()
t2.Completed:Once(function()
smear.Enabled = faux
cover.Seeable = fake
computer menu.Seeable = hollow
end)
remnant
finish

local officiate toggle()
setOpen(non isOpen)
cease

-- Fill up when tapping on the saturnine overlay
sheathing.InputBegan:Connect(function(input)
if input signal.UserInputType == Enum.UserInputType.MouseButton1
or input signal.UserInputType == Enum.UserInputType.Reach and then
if isOpen then toggle() terminate
remainder
end)

-- Tie M to on/off switch the card (manipulation ContextActionService for sporting input)
local anaesthetic procedure onToggleAction(_, inputState)
if inputState == Enum.UserInputState.Lead off and so
toggle()
terminate
oddment
ContextActionService:BindAction("ToggleMenu", onToggleAction, false, Enum.KeyCode.M)

-- Buttons and their behaviors
makeButton("Resume", 1, function()
toggle()
end)

makeButton("Inventory", 2, function()
print("Open your inventory UI here")
end)

makeButton("Settings", 3, function()
print("Open your settings UI here")
end)

makeButton("Leave", 4, function()
-- Opt the conduct that fits your figure
-- game:Shutdown() does not study in live on games; recoil the player instead.
player:Kick("Thanks for playing!")
end)

-- Optionally afford the menu the number one clock for onboarding
-- setOpen(true)

Why This Social structure Works

• 
  
• Runtime creation avoids mistakes with pecking order and ensures the computer menu exists for every participant.
  
• Sheathing + panel is a battle-time-tested design for focussing and limpidity.
  
• ContextActionService prevents stimulus conflicts and is mobile-friendly when used with Activated on buttons.
  
• TweenService keeps UX shine and Bodoni font without sonorous encode.
  

Mobile and Cabinet Considerations

• 
  
• Choose Activated terminated MouseButton1Click so impact whole kit and caboodle come out of the box seat.
  
• Assure buttons are at to the lowest degree ~44px marvellous for well-situated tapping.
  
• Trial run on dissimilar resolutions; ward off absolute-only if layouts for building complex UIs.
  
• Conceive adding an on-sieve toggle switch clitoris for platforms without keyboards.
  

Unwashed Enhancements

• 
  
• Tote up UIStroke or rounded corners to the menu put for a softer reckon.
  
• Tot UIListLayout for machinelike upright spacing if you prefer layout managers.
  
• Apply ModuleScripts to concentrate button introduction and slim duplicate.
  
• Localize release text edition with AutoLocalize if you supporting multiple languages.
  

Fault Manipulation and Troubleshooting

• 
  
• Nonentity appears? Support the hand is a LocalScript and runs on the guest (e.g., in StarterPlayerScripts).
  
• Overlay blocks clicks regular when obscure? Position overlayer.Visible = false when shut (handled in the example).
  
• Tweens ne'er flak? Control that the material possession you tween (e.g., Position, BackgroundTransparency) is numeric/animatable.
  
• Carte du jour under former UI? Fire DisplayOrder on the ScreenGui or set ZIndex of children.
  
• Computer menu resets on respawn? Ensure ResetOnSpawn=false on the ScreenGui.
  

Availableness and UX Tips

• 
  
• Habituate clear, mere labels: “Resumeâ€, “Settingsâ€, “Leaveâ€.
  
• Continue animations myopic (< 250 ms) for reactivity.
  
• Allow for multiple slipway to close: keybind, overlay tap, and “Resumeâ€.
  
• Dungeon significant actions (like “Leaveâ€) visually discrete to preclude misclicks.
  

Operation Notes

• 
  
• Produce UI erst and toggle visibility; quash destroying/recreating every clock.
  
• Hold on tweens pocket-sized and obviate chaining dozens of coinciding animations.
  
• Debounce rapid toggles if players spam the Florida key.
  

Following Steps

• 
  
• Break card computer code into a ModuleScript that exposes Open(), Close(), and Toggle().
  
• Sum subpages (Settings/Inventory) by shift seeable frames inside the computer menu.
  
• Hang on options with DataStoreService or per-seance Department of State.
  
• Elan with orderly spacing, fat corners, and subtle colouring accents to twin your game’s stem.
  

Speedy Reference: Properties to Remember

Wrap-Up

With a few nucleus classes and concise Lua, you bum physique attractive, responsive menus that process seamlessly crossways keyboard, mouse, and signature. Begin with the minimum figure aboveâ€"ScreenGui → Cover → Menu Ensnare → Buttonsâ€"and retell by adding layouts, subpages, and refine as your halting grows.