Update travel HUD and tutorial UI assets

This commit is contained in:
jongjae0305
2026-07-07 00:19:08 +09:00
parent 5423382296
commit 74498dcf87
63 changed files with 3468 additions and 102 deletions
+15 -1
View File
@@ -55,13 +55,20 @@ HUD:
- 왼쪽 상단은 여권 느낌 상태 UI
- 목숨은 도장 이미지
- 아이템 슬롯은 추후 가방 업그레이드와 연결
- 오른쪽 상단은 점수/마일리지/거리/시간/속도 정보
- 오른쪽 상단은 거리와 이번 판 적립 마일리지만 보여주는 간결한 점수판
- 아이템 획득/방어 성공은 짧은 링, 반짝임, 문구 이펙트로 표시
현재 결정:
- 하단 미니맵은 삭제했습니다.
- 진행도 표시는 필요해지면 작은 진행 바 형태로 다시 설계합니다.
- 왼쪽 HUD는 가로형 여권 페이지 패널을 사용하고, 왼쪽 캐릭터 사진은 HP/아이템 2줄 높이에 맞춥니다.
- HP 3칸과 아이템 3칸은 오른쪽에서 같은 열 위치의 2줄 그리드로 정렬합니다.
- 왼쪽 HUD는 게임 화면을 가리지 않도록 원본 배치 기준 약 50% 크기로 표시합니다.
- 필드에서 먹는 아이템은 기존보다 약 2배 크게 표시해 마일리지 토큰/배경과 확실히 구별합니다.
- 오른쪽 HUD 배경은 가로로 긴 수하물 라벨/공항 스티커 이미지를 사용합니다.
- 오른쪽 HUD에는 거리와 이번 판에서 적립한 마일리지만 표시하고, 실제 숫자와 라벨 텍스트는 이미지에 박지 않고 Unity UI 텍스트로 얹습니다.
- 오른쪽 HUD는 화면을 덜 가리도록 원본 배치 기준 약 60% 크기로 표시하고, 텍스트는 작은 화면에서도 읽히도록 굵고 크게 얹습니다.
## Tutorial
@@ -78,6 +85,13 @@ HUD:
설명은 화면을 가리지 않도록 잠깐 멈춘 뒤 보여주고, 이후 실제 구간을 통과하게 합니다.
아이템 설명창은 전체 아이템 목록을 한 번에 보여주지 않고, 현재 설명하는 아이템 이미지만 크게 보여줍니다.
튜토리얼 안내창은 검은 배경 카드 대신 공항 벽면에 붙은 디지털 안내 패널과 광고판의 중간 느낌으로 구성합니다.
어두운 차콜/네이비 프레임, 얇은 LED 표시등, 밝은 안내 화면을 사용해 게임 세계 안의 공항 사물처럼 보이게 합니다.
튜토리얼 안내창은 화면을 덜 가리도록 원본 배치 기준 약 60% 크기로 표시합니다.
새 컨셉 이미지는 `Assets/ConceptArt/tutorial_instruction_airport_monitor_frame_01.png`이고, 실제 적용 리소스는 `Assets/Resources/UI_TutorialAirportMonitorFrame.png`입니다.
튜토리얼 안내는 시간이 지나도 자동으로 닫히지 않고, 패널 안의 확인 버튼을 클릭했을 때만 닫힙니다.
확인 버튼은 `Assets/Resources/UI_TutorialNextButton.png`를 배경으로 사용하고, 한글 `확인` 텍스트는 Unity UI 텍스트로 얹습니다.
## Result
방향: