CatEscape_4

고양이의 체력(Hp)를 UI로 연동시키기_UI생성

 

UI를 그릴 캠퍼스 생성

- 하이어라키 창 > 우클릭

- Canvas 생성시 자동으로 EventSystem이 생성된다.

- 삭제시 UI 버튼기능 사용불가(가만히 냅두자)

 

 

캠버스 셋팅

1. Canvas Scaler 변경

- 캔버스의 인스펙터 창에서 변경

- Scale With Screen Size > 모니터의 해상도를 이용한다.

 

2. 이미지가 들어갈 게임오브젝트 생성

- Canvas 우클릭 > UI > Image

 

- 이름 변경

 

 

 

 

UI 배치

1. UI이미지 넣기

- 하이어라키 > Canvas > HpGauge에 UI이미지 넣기(드래그 앤 드롭)

 

2. 삽입한 이미지 크기 조정

- 본래 사이즈로 이용

 

3. Image Type변경

- Hp감소시 줄어드는 게이지 형태

Fill Method > 게이지가 줄어드는 형태 선택

Fill Origin > 게이지의 시작부분 선택

Fill Amount > 게이지는 0 ~ 1까지 나타낸 진다.(full = 1)

Clockwise > 시계방향

중요사항) 게이지는 Fill Amount 로 조작된다.

 

4. 앵커 포인트 설정

 

- 해상도에 따라 달라지는 UI의 위치를 고정

 

- shift + alt 를 누른후 우측 상단 선택

 

- 이후 입맛에 맞게 위치 조정