Unity 2D 게임 UI - 체력 바 및 시간 구현

이번 글에서는 게임 UI에 들어가는 체력 바 및 시간을 어떻게 구현 하였는지 정리 해보겠습니다

 

체력바를 구현 하기 위해 서 먼저 오른쪽 클릭을 하고 생성을 하면

이렇게 나오는대 랜더러 모드가 Overlay가 되어 있기 때문입니다.

그러면 이것을 해결 하기 위해서는 랜더러 모드에서 카메라로 변경후 메인 카메라를 드레그 하면 됩니다.

설정이 완료가 되었다면 이제 방금 추가한 슬라이드에 Handle Slide Area 를 지우고 Fill Area에 Left와 Right를 0을 

넣으면 간단한 체력바가 완성이 됩니다.

색은 Fill 에서 변경 할수 있고 Value 에서 조절 할수 있습니다

    [SerializeField]
    private Slider HP_Slider;
    
    public void setPlayerHit(float playerHP)
    {
        HP_Slider.value = playerHP / 100;
    }

Slider.value 를 이용하여 조절 할수 있습니다.

 

이번에는 시간을 구현 하겠습니다.

먼저 TextMeshPro를 추가합니다 text를 넣어도 되지만 TextMeshPro를 넣는 이유는

품질과 성능 TextMeshPro이 더 뛰어나기 때문입니다.

하지만 TextMeshPro는 기본 폰트는 한글이 깨집니다 . 그래서 한글이 지원이 되는

폰트를 직접 다운을 받아야 합니다.

 

https://blockdmask.tistory.com/590

[유니티] 텍스트 메시 프로 한글이 네모로 나올때 (Text Mesh Pro 한글 세팅)

 

TextMeshPro를 넣었다면 스크립트에 

    public TextMeshProUGUI timeText;

void Update()
    {
        gamePlayTime += Time.deltaTime;
        // F1 -> 소수점 한자리까지 표시
        timeText.text = gamePlayTime.ToString("F1");
    }

이렇게 만들면 시간이 표시가 됩니다.