Build a readable quest panel

panel.AnchorPoint = Vector2.new(0.5, 0.5)
panel.Position = UDim2.fromScale(0.5, 0.5)
panel.Size = UDim2.new(0.8, 0, 0, 180)

The panel is centered and uses most of the screen width with a fixed readable height.

New syntax: screengui, layout

• lifecycle
• cleanup
• idempotency

Main guided reference implementation; use the hierarchy’s stated Script or ModuleScript type.

local panel = script.Parent:WaitForChild("Panel")
panel.AnchorPoint = Vector2.new(0.5,0.5)
panel.Position = UDim2.fromScale(0.5,0.5)
panel.Size = UDim2.new(0.8,0,0,180)
panel.BackgroundColor3 = Color3.fromRGB(35,35,40)
local title = panel:WaitForChild("Title")
title.Position = UDim2.fromOffset(16,16)
title.Size = UDim2.new(1,-32,0,40)
title.BackgroundTransparency = 1
title.Text = "Workshop quest"
title.TextSize = 24
title.TextColor3 = Color3.fromRGB(245,245,245)
local progress = panel:WaitForChild("Progress")
progress.Position = UDim2.fromOffset(16,64)
progress.Size = UDim2.new(1,-32,0,40)
progress.BackgroundTransparency = 1
progress.Text = "0 / 3 objectives"
progress.TextSize = 20
progress.TextColor3 = Color3.fromRGB(245,245,245)

A LocalScript in an unsupported location will not initialize the UI.

Position scale is relative to its parent; verify the parent hierarchy before changing numbers.

This is a bounded learning lab. It has not been executed in an approved Roblox Studio environment by this website.

A checked checklist records your own review, not automated project competence or a community verification.

StarterGui contains templates copied to a player’s PlayerGui. ScreenGui holds screen-space interface objects; a Frame groups its panel contents.

UDim2 combines proportional scale and pixel offset. AnchorPoint changes which point of an object its Position refers to. A centered panel uses AnchorPoint 0.5,0.5 and Position scale 0.5,0.5.

Readable labels, adequate control size and contrast matter before animation. This lesson uses primitive UI objects, no external images or sound.