사용자 인터페이스

*이 콘텐츠는 AI(베타)를 사용해 번역되었으며, 오류가 있을 수 있습니다. 이 페이지를 영어로 보려면 여기를 클릭하세요.

내장된 UI 객체를 사용하여 최소한의 스크립트 요구사항으로 고품질 그래픽 사용자 인터페이스를 신속하게 만들 수 있습니다. 생성하는 위치에 따라 UI는 화면에 렌더링되거나 경험의 3D 세계 내 렌더링됩니다.

화면 UI

화면 컨테이너는 플레이어의 화면에 표시하려는 UI 객체를 포함합니다. 여기에는 프레임, 라벨, 버튼 등이 있습니다. 모든 화면 UI 객체와 코드는 클라이언트에 저장되고 변경됩니다.

SurfaceGuis 및 BillboardGuis와 같은 경험 내 컨테이너는 경험의 3D 세계 내에 표시하려는 UI 객체를 포함합니다.

대부분의 UI 요소는 2D 그래픽 사용자 인터페이스 객체인 GuiObjects입니다. 이 객체는 컨테이너에 부모로 두고 사용할 수 있습니다. 가장 일반적인 네 가지는 프레임, 라벨, 버튼, 텍스트 입력 객체입니다.

객체	설명
프레임	Frames는 다른 UI 객체의 컨테이너 역할을 합니다. 프레임을 조작하면 그 안에 포함된 객체도 함께 조작됩니다.
라벨	TextLabel 및 ImageLabel 객체를 사용하여 사용자 정의 가능한 텍스트와 이미지를 표시할 수 있습니다.
버튼	TextButton 및 ImageButton 객체는 사용자가 행동을 유도할 수 있도록 합니다.
텍스트 입력	TextBox 객체는 사용자가 텍스트를 입력할 수 있도록 합니다.

Position, Size, AnchorPoint, 및 ZIndex 속성을 사용하여 GuiObjects의 위치, 크기, 그리고 층을 완벽하게 제어할 수 있습니다. 또한 트윈 애니메이션을 사용하여 GuiObject를 한 상태에서 다른 상태로 부드럽게 전환하고 동적인 시각적 피드백을 제공할 수 있습니다.

위치 및 크기를 조절하기 위한 기본 속성 외에도, Roblox는 리스트/플렉스 및 그리드와 같은 레이아웃 구조와 크기 수정자, 모양 수정자를 제공합니다.

보편적인 스타일링은 CSS와 유사한 스타일시트에 대한 Roblox 솔루션으로, UI 인스턴스 속성에 대한 글로벌 오버라이드를 선언하고 적용할 수 있습니다. 이 엔진 수준의 지원은 스타일 편집기 및 종단점 토큰 파이프라인의 기초입니다.

핵심 사용자 인터페이스 객체 외에도, 다음 프레임워크는 경험을 위한 내장 및 사용자 정의 가능한 상호작용성을 제공합니다.

근접 프롬프트는 사용자 상호작용을 통해 경험 내 객체에 접근할 때 행동을 유도하는 독특한 내장 UI 객체입니다. 예를 들어 문, 스위치, 버튼 등이 있습니다.

UI 드래그 감지기는 슬라이더, 스피너 등과 같은 2D 사용자 인터페이스 요소와의 상호작용을 촉진하고 장려합니다.

3D 드래그 감지기는 경험 내 3D 객체와의 물리적 상호작용을 장려합니다. 예를 들어 문과 서랍을 열고, 파트를 슬라이드시키고, 볼링공을 잡고 던지고, 슬링샷을 당기고 발사하는 등의 동작이 포함됩니다.