Position · Size · AnchorPoint
UDim2 UI 배치 실험실
중앙에 놓았는데 왜 오른쪽으로 밀릴까요? 부모 크기와 AnchorPoint를 바꿔 UI의 왼쪽 위 좌표와 화면 밖 배치를 직접 비교하세요.
예제부터 시작하면 차이가 보입니다
모든 예제는 기본 사각형의 수학 모델입니다. 실제 Roblox Studio 화면 캡처나 기기 측정 결과가 아닙니다. 단계별 UI 배치 가이드 읽기 →
부모 기준 계산 결과
- 자식 크기
- 왼쪽 위 좌표
- Position 기준점 좌표
기존 GuiObject에 적용할 Luau 코드
다른 부모 크기에서도 안에 들어갈까요?
Position·Size·AnchorPoint를 유지한 채 두 번째 부모 크기를 비교합니다. 예를 들어 데스크톱에서 맞춘 UI가 좁은 부모에서 벗어나는지 같은 값으로 확인하세요. 이 크기는 실제 기기 화면이 아닌 부모 GuiObject의 가정값입니다.
| 항목 | 현재 부모 | 비교 부모 |
|---|
왼쪽 위 좌표는 Position과 다를 수 있습니다
부모가 800×450, Position이 (0.5, 0, 0.5, 0)이면 기준점은 (400, 225)입니다. 자식 크기 240×120과 AnchorPoint (0.5, 0.5)를 적용하면 왼쪽 위는 (400−120, 225−60) = (280, 165)입니다. AnchorPoint를 (0, 0)으로 바꾸면 왼쪽 위가 기준점과 같아집니다.
크기 = 부모 크기 × Size Scale + Size Offset기준점 = 부모 크기 × Position Scale + Position Offset왼쪽 위 = 기준점 − 자식 크기 × AnchorPoint
다른 화면에서 비교할 때
Position이 고정 Offset 700px이면 부모 가로가 800에서 390으로 줄어도 기준점은 700px입니다. Scale 0.5라면 부모 가로에 따라 400에서 195px로 이동합니다. 다만 Size와 AnchorPoint도 함께 계산해야 전체 사각형이 안에 들어오는지 알 수 있습니다.
같은 배치인데 부모 크기에 따라 달라지는 예
폭 240px인 자식의 Position X가 Offset 700px, AnchorPoint X가 0이면 오른쪽 끝은 940px입니다. 부모 폭 800px에서는 오른쪽으로 140px 벗어나고 가로 면적의 약 41.7%가 부모와 겹칩니다. 부모 폭 390px에서는 사각형 전체가 오른쪽 밖에 놓입니다. 반면 Size X Scale을 0.8, Position X Scale과 AnchorPoint X를 0.5로 두면 부모 폭 800px에서 폭 640·왼쪽 80px, 390px에서 폭 312·왼쪽 39px로 달라집니다. 위 비교 기능에서 같은 입력을 유지하고 부모만 바꿔 보세요.
입력값과 예상 좌표를 공개해 계산 결과를 직접 재현할 수 있게 했습니다. Roblox Studio 실행 결과와는 구분합니다.
계산 범위와 공식 자료
이 도구는 회전이 없고, SizeConstraint가 RelativeXY이며, 레이아웃·UIScale·AutomaticSize·크기 제약이 적용되지 않은 한 단계 부모·자식 관계를 계산합니다. 부모 기준 상대 좌표이며 ScreenGui inset, 안전 영역, 텍스트 줄바꿈과 실제 AbsolutePosition을 재현하지 않습니다.
- Creator Hub — Position and size UI objects: Scale·Offset·AnchorPoint.
- UDim2: 네 값의 순서.
- Size modifiers and constraints: 기본 계산과 달라지는 속성.
공식 자료 확인: 2026년 10월 22일 · 두 부모 비교와 입력·출력 검사: 2026년 10월 22일. Roblox Studio에서 실제 Place의 UI를 실행하지 않았습니다. 입력값은 브라우저 안에서만 계산하며 서버에 전송하거나 저장하지 않습니다.