[📜일지] [CCG#4] 보다 직관적인 정보 제공

[AA(summer3182)]

이번시간에는 직관적인 정보와 시각적인 효과를 개선했습니다

제가 하나 잊고 있었던 것이 있었는데, 플레이어블 캐릭터를 화면에 표시하지 않고 있었던 것입니다

좌측에 플레이어를 배치하고 우측에 몬스터를 배치한 뒤 플레이어의 체력바또한 몬스터와 동일하게 스프라이트 상단으로 이동시켰습니다.

몬스터의 스프라이트가 너무 큰 경향이 있어서 줄이는 작업도 했습니다.

기존의 딱딱한 카드 확대에서 코루틴을 활용해 부드러운 확대와 축소를 구현했습니다

우선은 카드가 적용될 대상의 머리 위에 화살표를 띄워 보다 직관적이고 쉬운 UX를 의도하고 구현했습니다.

gif가 색상 보정을 잘못한 탓에 살짝 안보이지만 카드가 대사의 체력을 감소 혹은 회복시킬 경우 줄어들거나 늘어날 체력을 미리표시해 주었습니다

또한 기존의 단일 대상 지정카드를 드래그할 때 대상의 위에 마우스를 오버할 경우 카드를 숨김처리 해놓았는데 UX를 생각하여 패널 밖으로 나가지 못하게 가두어 두고 마우스 커서만 변경하는 방식으로 교체했습니다.

적들의 행동을 구현할 때 슬레이 더 스파이어와 같이 단순하고 고유한 행동을 부여할 것인가, 라이브러리 오브 루이나와 같이 플레이어블 캐릭터와 논 플레이어블 캐릭터가 같은 행동을 가능하게 할 것인지에 대해 고민을 하였고, 보다 자유로운 확장을 위해 후자를 선택하였습니다.

플레이어와 적의 행동을 직관적으로 보여주기 위해 여러 TCG카드 게임의 레퍼런스를 찾아본 결과 카드 사용시 특정 위치로 한 번 이동한 후 짧은 시간동안 유지되고 사라지는 것을 알게되었습니다.

제자리에서 사라지는 것을 처음에 구현해보았다가 중앙으로 이동하는게 더 시각적으로 즐거울 것같아서 바꾸었습니다.

그리고 기존의 체력바가 딱딱하게 조절되는 것을 Lerp를 이용하여 부드럽게 조절되도록 교체하였습니다.

다음으로 구현한 것은 슬레이 더 스파이어를 모방하여 구현한 카드의 데미지 표기입니다.

슬레이 더 스파이어의 카드는 상대방의 받는 피해량 비율과 플레이어의 가하는 피해량의 비율을 계산하여 카드에 수치화 시켜주는 시스템을 가지고 있었고 상당히 매력적인 시스템이라 생각하여 곧바로 구현에 넘어갔습니다.

하단의 이미지는 대상의 받는 피해량 비율에 따라 다르게 표시되는 데미지 계산값을 보여주기 위해 찍었습니다.

몬스터를 마우스 오버한 채로 0.7초 가량 유지하면 몬스터의 저항값, 이번턴의 행동을 알 수 있습니다.

또한 단순 피해량 뿐만 아니라 화상과 같은 상태이상 역시 몬스터의 저항 값과 계산하여 카드에 표시하였습니다.

기프트(유물시스템), 시너지만 처리하면 의도했던 전투 시스템은 다 구현한 것 같습니다

밸런스는 어쩌죠...ㅋㅋ

[태보미(taebomi)]

[AA(summer3182)]