[골드메탈 강좌] B12. 게임 인터페이스를 알아봅시다, UGUI 기초

 

 

3D 기초강의 마지막? 강좌

 

UI에 대해서 다루고 있는 강좌인데

 

약간 안드로이드 UI 제작같은 느낌이 들어서 꽤 흥미로웠다.

 

 

일단 굉장히 중요한 개념으로 게임속 좌표계가 2가지가 있다는 내용이 나왔다.

월드 좌표계와 게임(Screen)좌표계가 있다는건데

 

UI는 Screen 좌표계에 그려지는 오브젝트로써

게임을 실행시켰을때 카메라 이동에 관계없이 화면위에 떠있게된다.

 

 

영상의 내용 요약은 따로 할까 했는데

 

'광고스킵빌런' 님의 영상 댓글에 너무 잘 요약이 되있어서 그걸 그대로 적고 끝내야겠다.

 

<#1> 캔버스
Canvas : UI가 그려지는 도화지 역할인 컴포넌트.

<#2> 스크린

<#3> 텍스트
Text : 문자열을 표시하는 UI.

<#4> 이미지
  - 이미지 파일을 Sprite로 설정해야 UI 적용 가능.

Image Type
  - Simple : 기본 이미지.
  - Sliced : 모서리의 이미지를 잘라서 가운데를 채워주는 방식.
  - Tiled : 타일 형식으로 이미지 분할.
  - Filed : 이미지가 얼만큼/어떻게 보여줄 것인지에 대한 기능.
(* Filed 기능으로 스킬 쿨타임 효과 구현 가능.)
 
Preserve Aspect : 비율 고정.
Set Native Size : 원본 크기로 설정.

UI는 Hierarcy의 순서에 따라 위 아래가 결정됨.

<#5> 버튼
Button : 클릭 이벤트를 가지고 있는 반응형 UI.
(Sliced 기능으로 자유자재 크기로 이미지 구현 가능.)
    - Fill Center : Sliced 유형에서 중앙을 채움 유무 결정.
  - Interactble : 버튼 반응 유무 결정.

Transition
  - Color Tint
    - Normal Color : 기본 색.
    - Highlighted Color : 마우스를 올려두었을 때의 색.
    - Pressed Color : 마우스로 눌렀을 때의 색.
    - Disabled Color : 버튼을 비활성화 했을 때의 색.
    - Color Mutiplier : 버튼 색 배합.
    - Fade Duration : 버튼색이 바뀌는 시간.

OnClick() : 버튼 클릭 시  호출되는 이벤트 함수.

<#6> 앵커
Anchor : UI의 기준점.

앵커-빨간색 : 캔버스에서의 기준점.
앵커-파란색 : 컴포넌트에서의 기준점. (Shift를 누른 상태에서 사용 가능.)
앵커-중앙네모 : 컴포넌트의 위치. (Alt를 누른 상태에서 사용 가능.