입문

Project Tiny에서 미니 게임을 제작할 때 사용하는 기능과 고장에 대해 설명합니다.
이번에는 UI에 관한 것입니다.
저장소는 여기 입니다.

사용자 인터페이스 생성 방법

uGUI와 기본적으로 같습니다.
UICanvas 및 RectTransform을 루트 엔티티로 설정
엘프와 텍스트를 하위 객체로 배치합니다.

버튼

버튼을 생성하려면 다음과 같은 구성 요소가 필요합니다.

Sprite2DRenderer

RectTransform

Button

PointerInteraction

Sprite2DRendererOption

ColorTintTransition

버튼 구현

Hierarchy에서 엔티티에 필요한 구성 요소 설정
버튼의 sprite2DRenderer에 버튼 이미지가 있는 Sprite2DRneder의 엔티티
transition에서 ColorTintTransition의 엔티티만 설정하면 됩니다.
필요한 경우 ColorTintTransition의 각 색상을 변경합니다.
그런 다음 시스템에서 PointerInteraction 의 clicked 를 클릭했는지 확인합니다.
이번 경우에는 게임이 끝날 때의 재시도 단추에서 사용합니다.
GameOverSystem.cs

// リトライボタンのクリック
Entities.WithAll<RetryButton>().ForEach((Entity entity, ref PointerInteraction pointerInteraction) =>
{
    // クリックされたらリトライを行う
    retry = pointerInteraction.clicked;
    pointerInteraction.clicked = false;
});

텍스트

텍스트를 만드는 데 필요한 구성 요소입니다.

RectTransform

Text2DStyleBitmapFont

Text2DRenderer

Text2DStyle

TextString

LayerSorting

구현 텍스트

엔티티에서 위에서 설명한 필수 구성 요소를 설정합니다.
각 구성 요소의 필드는 다음과 같이 설정합니다.
Text2DStyleBitmapFont
글꼴: 텍스트 격자 Pro 글꼴 리소스
Text2DRenderer
style: Text2DStyle의 엔티티
Text2DStyle
색상:글꼴 색상
크기: 글꼴 크기
TextString
값: 그릴 문자열
LayerSorting
레이어: 레이어
order: 레이어에 그려진 순서 (클수록 앞쪽)
제목 화면, 점수 표시, 게임 종료 표시는 모두 이 방법으로 실현된 것이다.