[01-02] Card And Gun 개발일기

01. HP Bar 제작.

준비물은 HP Bar로 사용할 이미지. (차 있는 이미지, 비어있는 이미지)

UI Canvas에 HP바 이미지 두개를 겹치고(하위 오브젝트를 상위 오브젝트 크기에 꽉 채우는 식으로) 캔버스 내에서 HP 이미지 위치를 설정한다.

유니티의 Image에는 fillAmount라는 변수값을 통해 이미지 전체의 몇 %만 나타낼 지 고를 수 있다. HP 바는 현재 HP/ 최대 HP의 비율만큼 왼쪽에서 채우면 해결된다.

 

그러면 다음으로는 플레이어의 HP 변수와 Image를 연동시키는 것. 매 프레임 호출하면 비효율적이므로 Action을 사용하여 필요한 때만 Hp Bar의 변화를 호출한다.

작업이 끝났으면 OnHealthChanged()를 함수 내에 호출하여 HP의 변화를 체력바에서 확인할 수 있다.

임시로 스페이스바를 통해 점프와 동시에 HP가 깎여나가며 변화를 호출하는 함수를 실행시켜보면...

문제없이 줄어드는 것을 확인할 수 있었다.

 

02. Money와 같은 Text UI 변경

위의 HP bar가 이미지라면, Text 역시 같은 원리로 사용할 수 있다. UI Canvas 위에 이미지가 아닌, Text를 만들어서 동일하게 진행하자.

Player의 변수에 Money를 넣고, OnMoneyChanged 이벤트가 호출 될 때마다 Money를 받아와 Text를 업데이트 하는 스크립트를 만들었다. 체력 변화와 똑같이, 스페이스바를 누를 때마다 점프하면서 돈에 변화가 생기도록 만들어보자.

이제부터는 점프할 때마다 돈과 체력에 변화가 생기는 것을 확인할 수 있다.