2D RPG시작함
캔버스로 로그인 창 만들기 함
캔버스의 기능으로는 UI가 화면에 렌더링 되는 방법인 Render Mode에서 Screen Space - Overlay, Screen Space - Camera, World Space 세 가지가 있다.
Screen Space (Overlay, Camera 공통)은 자동으로 카메라와 동일한 크기를 갖는 Canvas를 맞춰준다.
<aside> 💡 Canvas의 크기가 Game View의 크기와 동일
</aside>
그러나 캔버스 위치는 변경이 안된다.
Screen Space - Overlay는 UI 배치 방법 중에서 가장 흔히 사용되는 UI 배치 방법이다.
UI가 월드의 오브젝트보다 앞에 그려지며 position은 움직일 수 없고, 카메라와 동떨어진 영역을 갖게 된다.
게임 월드 속 캡슐 : 카메라 위치에 따라서 커졌다가 화면에서 사라진다.
UI의 아무 변화가 없다.
Screen Space - Camera는 UI가 그려지는 위치는 Render Camera와의 거리(Plane Distance)로 설정한다.
Plane Distance는 카메라와 캔버스까지의 거리를 말한다. Plane Distance가 10 : Camera Z: -10 이면 Z : 0 이 경우 Canvas와 다른 GameObject가 같은 Z축 상에 있다. 또한 Layer(Canvas 안에서의 Layer)로 조정이 가능하다.
게임 월드 속 캡슐 : 카메라와의 거리가 5미만인 경우, UI보다 앞에 보이게 된다.
WordSpace는 게임 월드에 배치된 오브젝트와 동일하며 카메라의 시야 내에서만 화면에 보이게 되는 렌더링 방법이다. 또한 캔버스의 위치를 조절 가능하며(원하는 곳에 배치해 둘 수 있음!) UI 공간의 크기를 오브젝트와 동일하게 설정할 수 있도록 수동으로 크기, 비율 조절 가능하고 RectTransform이 활성화가 가능하다.
게임 월드 속 캡슐 : 카메라 위치에 따라서 커졌다가 화면에서 사라진다
UI : 카메라 위치에 따라서 커졌다가 화면에서 사라진다.
로그인 창 이미지는 Canvas에 넣을 것
굳이 버튼UI가 아니어도 이미지나 글 같은 하이어라키도 버튼 컴퍼넌트를 추가하면 버튼 기능을 한다!!