고급 UI 객체를 사용하여 최소한의 스크립팅 요구 사항으로 고품질 그래픽 사용자 인터페이스를 신속하게 생성할 수 있습니다. 생성하는 위치에 따라 UI는 화면에 또는 게임의 3D 세계 내에서 렌더링됩니다.
화면 UI
화면 컨테이너는 플레이어의 화면에 표시할 UI 객체를 보유하며, 여기에는 프레임, 레이블, 버튼 등이 포함됩니다. 모든 화면 UI 객체와 코드는 클라이언트에서 저장되고 변경됩니다.
게임 내 UI
SurfaceGuis 및 BillboardGuis와 같은 게임 내 컨테이너는 게임의 3D 세계 내에서 표시할 UI 객체를 보유합니다.
UI 객체
대부분의 UI 요소는 GuiObjects로, 컨테이너에 부모로 설정할 수 있는 2D 그래픽 사용자 인터페이스 객체입니다. 가장 일반적인 네 가지는 프레임, 레이블, 버튼, 및 텍스트 입력 객체입니다.
| 객체 | 설명 |
|---|---|
| 프레임 | Frames는 다른 UI 객체의 컨테이너 역할을 합니다. 프레임을 조작하면 그 안에 포함된 객체도 조작하게 됩니다. |
| 레이블 | TextLabel 및 ImageLabel 객체를 사용하여 사용자 정의 가능한 텍스트와 이미지를 표시할 수 있습니다. |
| 버튼 | TextButton 및 ImageButton 객체를 사용하여 사용자가 작업을 요청할 수 있습니다. |
| 텍스트 입력 | TextBox 객체를 사용하여 사용자가 텍스트를 입력할 수 있습니다. |
Position, Size, AnchorPoint, 및 ZIndex 속성을 사용하여 GuiObjects의 위치, 크기, 및 레이어를 완벽하게 제어할 수 있습니다. 또한 트위닝을 사용하여 GuiObject를 한 상태에서 다른 상태로 부드럽게 전환하고 동적인 시각적 피드백을 제공할 수 있습니다.
레이아웃 및 디자인
위치와 크기를 조정하기 위한 기본 속성 외에도 Roblox는 리스트/플렉스 및 그리드와 같은 레이아웃 구조, 크기 수정자 및 모양 수정자를 제공합니다.
범용 스타일링
범용 스타일링은 CSS와 유사한 Roblox의 스타일시트 솔루션으로, UI 인스턴스 속성에 대한 오버라이드를 선언하고 전역적으로 적용할 수 있습니다. 이 엔진 수준의 지원은 스타일 편집기 및 엔드 투 엔드 토큰 파이프라인의 기초가 됩니다.
인터랙티브 프레임워크
핵심 사용자 인터페이스 객체 외에도 다음 프레임워크는 게임에 대한 내장 및 사용자 정의 가능한 상호작용을 제공합니다.
근접 프롬프트
근접 프롬프트는 사용자가 문, 전등 스위치 및 버튼과 같은 게임 내 객체에 접근할 때 작업을 트리거하기 위해 사용자 상호작용을 유도하는 고유한 내장 UI 객체입니다.
UI 드래그 감지기
UI 드래그 감지기는 슬라이더, 스피너 등과 같은 2D 사용자 인터페이스 요소와의 상호작용을 촉진하고 장려합니다.
3D 드래그 감지기
3D 드래그 감지기는 문과 서랍을 여는 것, 부품을 슬라이드하는 것, 볼링공을 잡고 던지는 것, 슬링샷을 당기고 발사하는 것 등 게임 내 3D 객체와의 물리적 상호작용을 장려합니다.