Unity Image를 이용해 HP 만들기. 안녕하세요. 이번에는 Image를 이용해 HP를 만드는 방법입니다. HP나 스킬의 쿨타임 등을 표시할때 유용합니다. 이 글은 이전에 작성한 Slider를 이용한 방법과 비슷하고 다른점이라면 이미지를 이용한 것입니다. UI구성. 실행결과. *이전글은 이 글의 하단을 보면 확인할 수 있습니다. UI구성. 이전글과 거의 동일한 글이므로 Image부분만 간단하게 작성하겠습니다. 캔버스에 아래 사진처럼 생긴 UI Image를 생성해주었습니다. Image-> Source Image를 선택하고 Image Type을 Filled로 선택합니다. HP처럼 보이기 위해 Fill Method는 Horizontal로 선택하고 빨간색을 선택합니다. 아래 화살표를 표시해놓은 것처럼 보입..
유니티 슬라이더를 이용해 HP UI구현. 안녕하세요. 오늘은 유니티에서 슬라이더 UI오브젝트를 이용해 간단한 HP를 만들어보겠습니다. UI구성. 실행결과. UI구현. 캔버스를 만들고 슬라이더 UI를 추가해주겠습니다. 아래 사진에 있는 슬라이더 UI는 SimplePixelUI를 이용했습니다. 여기서 Handle Slider Area는 Hp UI에 필요없기 때문에 제거합니다. (그냥 손잡이입니다.) 배경색(Background Color)을 선택합니다. 저는 그냥 기본으로 되어있는 흰색으로 선택했습니다. 채워졌을때(Fill Color)의 색상을 선택합니다. 제목에 HP UI라고 작성했으니 빨간색으로 선택해주겠습니다. 원래 간단한 것이기 때문에 코드는 그냥 짧게 작성했습니다. 그냥 어떤 변수(0-1까지의 범위를..
