대부분의 대화식 3D 프로젝트는 다양한 2D 요소를 사용하여 플레이어에게 정보를 전달하고 게임 플레이 논리로 다시 의도나 명령을 전달하는 간단한 방법을 플레이어에게 제공해야 합니다. 예를 들어 2D 요소를 사용하여 다음을 제공하고자 하는 경우가 있습니다.
Stingray에서 이러한 UI 요소를 생성하고 관리하는 몇몇 다양한 옵션이 있습니다.
Stingray에서는 Scaleform Studio라는 독립 실행형 UI 작성 도구 및 Scaleform Studio에서 작성하는 UI가 엔진 뷰포트에 표시되도록 하는 플러그인 통합이 함께 제공됩니다.
Scaleform Studio 편집기를 사용하여 이미지, 텍스트 및 도면과 같은 시각적 요소를 포함하는 .s2d 프로젝트를 생성합니다. 이러한 시각적 요소를 이동하고 해당 상태를 변경하는 타임라인 애니메이션을 생성할 수 있으며 프로젝트 동안 발생하는 트리거에 대응하도록 요소에 Lua 스크립트를 할당할 수 있습니다. 그런 다음 Stingray 프로젝트에 Scaleform 프로젝트를 가져와서 Stingray에서 흐름 또는 Lua를 사용하여 UI를 시작하고 해당 이벤트를 처리할 수 있습니다.
Scaleform Studio는 다음의 경우에 적합한 옵션입니다.
이 섹션의 다른 항목에서는 Scaleform Studio UI를 Stingray의 게임에 통합하는 기본 방법에 대해 설명합니다.
UI의 시각적 요소를 설정하기 위한 Scaleform Studio 작업 방법에 대한 전체 내용은 Scaleform Studio 도움말을 참조하십시오. (Scaleform Studio 편집기의 도움말 메뉴에서도 확인할 수 있습니다.)
Stingray 엔진은 엔진 뷰포트에 2D 모양, 이미지 및 텍스트를 그리는 내장 시스템을 제공합니다. 편집기에서는 이 시스템을 사용하여 내장된 뷰포트에 메뉴, 볼륨, 프로토타입 및 트리거를 그립니다. 자체 게임 플레이 및 플러그인 코드에서 이 시스템을 사용할 수도 있습니다.
GUI 시스템은 다음의 경우에 적합한 옵션입니다.
GUI 시스템 및 작동 방법에 대한 자세한 내용은 stingray.Gui Lua 오브젝트 문서를 참조하십시오.
내장된 Stingray UI 도구 대신 커뮤니티에서 지원되는 다른 대안을 사용하려는 경우 이 옵션이 도움이 될 수 있습니다.
Stingray HTML5 플러그인을 통해 HTML 및 JavaScript에서 UI 요소를 생성할 수 있습니다. 이 플러그인은 CEF(Chrome Embedded Framework)를 Stingray 엔진으로 통합합니다. CEF를 사용하여 프로젝트 폴더나 URL에서 HTML 컨텐츠를 로드하고 엔진 내에서 해당 컨텐츠를 렌더링하며, 플레이어가 마우스를 클릭하면 CEF로 전달하여 웹 컨텐츠가 JavaScript를 트리거하여 응답할 수 있도록 합니다.
이는 다음의 경우에 적합한 옵션입니다.