전투 UI 시안 (추천 배치 확정)

배경

• 마지막 묶음인 전투 UI다. 앞에서 HUD는 B 글자형, 로딩은 A로 정했고 아이템 툴팁은 없애기로 했다.
• 사용자 지시: 전투 화면 배치는 아직 미정이다. 창은 UI 스킨으로 통일하고, 추천할 배치가 있으면 추천해도 된다.
• 기존 전투 UI는 유닛 아래 가로 한 줄 숏 메뉴(이동 / 공격 / 스킬 / 아이템 / 대기), 왼쪽 갈색 스킬 창(TP 70 / 100), 유닛 머리 위 작은 HP 막대(적 빨강, 아군 초록), 오의 전 카린 초상화 대화창, 오른쪽 위 설정 버튼이다.

목적

• 전투 창을 새 스킨으로 통일하고, 추천안을 포함해 화면 배치를 정한다(적용 보류).

결과

• 추천 배치로 확정.
• 왼쪽 위 턴 표시 "TURN 1 · 아군 차례": 누구 차례인지 늘 보이게 한다.
• 왼쪽 아래 선택 유닛 카드(얼굴 초상화, 이름·Lv, HP·MP·TP 막대, AP·MOV): 머리 위 작은 막대만으로는 수치를 알 수 없어서 늘 보이는 정보 칸을 두었다.
• 오른쪽 아래 대상 카드(마우스를 올린 적의 이름, HP, 예상 피해): 공격 전 판단용이다.
• 유닛 오른쪽에 세로 숏 메뉴, 그 옆에 스킬 목록이 이어서 열린다.
• 데이터는 주인공 HP 120, MP 40, AP 10, MOV 4, TP 70 / 100, 적 HP 80, 스킬 대검 내리찍기(10 TP·사거리 2)와 극광참(오의, 50 TP·사거리 3)이다.

• 숏 메뉴는 유닛 아래 가로 한 줄 깎은 모서리 버튼(선택 = 파랑 발광), 스킬 목록은 왼쪽 창(SKILL 띠, TP 막대, 극광참에 금색 오의 표식)이다.
• HP 바는 테두리 있는 막대로 바꾸고 아군 막대 아래 TP 줄을 넣었다. 창·버튼·막대 스킨은 이 시안들로 통일한다.
• B안은 숏 메뉴만 유닛 오른쪽 세로 목록으로 바꾼 안이다. A·B는 보관한다.

• 대화창 1안(하단 넓은 창 + 이름 탭 "카린")과 같은 틀이다. 초상화가 오른쪽에서 창 위로 겹치고 가장자리를 부드럽게 처리했다. 대사는 "내 앞을 가로 막지마!"다.

결정과 이유

• 세로 숏 메뉴: 명령이 늘어나도 아래로 붙이면 되고, 유닛 아래 격자를 가리지 않는다. 마을 메뉴의 뾰족 탭 모양과도 통일된다.
• 스킬 목록을 메뉴 옆에: 눈이 유닛 근처에서 벗어나지 않아, 화면 반대편(왼쪽)으로 시선을 옮기지 않아도 된다.

남은 일

• 턴 시스템이 없어 턴 표시를 새로 만들어야 한다.
• 피해 미리 계산이 없어 대상 카드의 예상 피해는 예시 숫자다.
• MP·AP 사용처가 없어 유닛 카드는 값만 표시한다.
• 숏 메뉴를 가로 → 세로로 바꾸고, 스킬 목록을 메뉴 옆에 이어서 연다.