오늘은 퀵슬롯 UI와 ItemUseUI, 그리고 여러 UI들의 연출을 수정했는데, 이 때 여러 애니메이션을 사용하며 사용자 경험을 향상시키려 노력해보았다.
오늘 작업 내용
QuickSlotUI
HoldKey Event/Pointer Enter Events
- 에셋에 들어있는
HoldKey Event를 통해 키보드를 눌렀을 때 QuickSlotUI가 토글이 아닌 키보드를 누르는 동안만 QuickSlotUI가 나타나도록 했다. - 또한
Pointer Enter Events를 통해 마우스를 각 슬롯 위에 위치 시켰을 때 애니메이션을 실행하고 슬롯 위에 커서를 놓은 상태로 키보드를 떼면 아이템을 사용하도록 했다.- 팀원과의 의논 이후 키보드를 길게 누르면 QuickSlotUI가 나타나고 슬롯 위에 커서를 놓은 상태로 키보드를 떼면 아이템을 '선택'하도록 변경했다.
- 이후 다시 QuickSlotUI를 나타나도록 하는 키보드를 짧게 눌렀을 때, 선택된 아이템을 사용하도록 변경했다.
이를 통해 사용자가 편리하게 아이템을 선택하고 사용하도록 했다.
UI 변경 내용
HealthBar UI
- 체력바를
Segment라는 작은 이미지 프리팹으로 구성했다.- 각 세그먼트를 하나의 프리팹으로 만들고,
Horizontal Layout Group아래에 동적으로 인스턴스화했다. - 플레이어의 체력 변화에 따라 활성화된 세그먼트 개수와
Filled의 Value를 조정해 체력을 표시했다. - 이후 각 세그먼트에 애니메이션을 추가하고, 체력이 감소할 경우 닳도록 만들었다.
- 각 세그먼트를 하나의 프리팹으로 만들고,
ArmorBar UI
- Armor Slider를 구현했다.
- Armor Slider는 체력바를 덮는 형태로, 금색의 빛나는 애니메이션을 추가하여 체력바를 보호하고 있는듯한 느낌을 주도록 구현했다.
아이템 사용 UI 추가
- 아이템을 사용할 시 ProgressBar가 표시되고, 아이템을 획득하지 못할 경우 경고창이 뜨도록 구현했다.
맵 환경요소 추가
- 간단한 애니메이션과 Collider를 이용하여 플레이어가 문 앞에 다가갔을 때 문이 자동으로 열리도록 구현했다.
회고
- 오늘은 새로운 UI들을 구현하기 보다는 기존 UI들을 팀원들의 의견을 반영하여 직관성과 게임의 몰입감을 높이는 데에 집중하였다.
- 또, 앞으로 맵의 중요 요소 중 하나인 문의 애니메이션과 기초작업을 진행하여 앞으로 필요한 UI 작업과 맵 상호작용 요소들을 병행하여 진행할 예정이다.
