Update result boarding pass UI

This commit is contained in:
jongjae0305
2026-07-08 15:57:10 +09:00
parent a708f18499
commit 445d74d462
6 changed files with 311 additions and 35 deletions
+13 -2
View File
@@ -8,6 +8,7 @@
| 파일 | 용도 |
| --- | --- |
| `Assets/Resources/UI_ResultBoardingPassPanel_New.png` | 현재 적용 중인 결과 화면 보딩패스형 정산 패널 배경 |
| `Assets/Resources/UI_LeftHudPassportHorizontalGridPanel.png` | 현재 적용 중인 가로형 왼쪽 여권 HUD 배경 |
| `Assets/Resources/UI_LeftHudPassportCompactPanel.png` | 오른쪽 빈 장식 영역을 줄인 왼쪽 HUD 전용 컴팩트 여권 배경 |
| `Assets/Resources/UI_LeftHudPassportPanel.png` | 이전 큰 세로형 왼쪽 여권 HUD 배경 |
@@ -101,11 +102,13 @@
## Result UI Assets
결과 화면은 여권 정산표처럼 필요한 정보만 간추려 보여줍니다.
결과 화면은 보딩패스형 정산표처럼 필요한 정보만 간추려 보여줍니다.
큰 텍스트와 수치 정보는 이미지에 박지 않고 Unity UI 텍스트/아이콘으로 얹습니다.
| 파일 | 용도 |
| --- | --- |
| `Assets/Resources/UI_LeftHudPassportHorizontalGridPanel.png` | 결과 화면 여권 정산표 배경 |
| `Assets/Resources/UI_ResultBoardingPassPanel_New.png` | 현재 결과 화면 보딩패스 정산표 배경 |
| `Assets/Resources/UI_LeftHudPassportHorizontalGridPanel.png` | 이전 결과 화면 여권 정산표 배경 및 참고 원본 |
| `Assets/Resources/UI_DepartureStamp_Red.png` | `출국 성공!` 클리어 도장 |
| `Assets/Sprites/UIIcons/UI_ClearRank.png` | 클리어 배지 |
| `Assets/Sprites/UIIcons/UI_Mileage.png` | 마일리지 스탯 |
@@ -117,6 +120,14 @@
| `Assets/Resources/Map_Tutorial_Incheon_Airport.png` | 결과 화면 뒤 인천공항 배경 |
| `Assets/Sprites/Souvenirs/` | 맵별 보상 기념품 표시 |
보딩패스 배경 구성:
- 왼쪽 큰 영역: `출국 성공!` / 실패 문구, `ICN -> FUK` 같은 이동 경로, 출국 도장
- 중앙 큰 박스: FROM/TO 공항 코드와 도시명
- 중앙 하단 4칸: 항공편, 좌석, 로컬 탑승 시간, 클래스
- 오른쪽 원 3개: 마일리지, 도착 시간, 이동 거리
- 오른쪽 하단 3칸: 목적지, 보상, 보유 마일리지
## Opening Story Assets
| 파일/폴더 | 용도 |
+6 -2
View File
@@ -96,9 +96,11 @@ HUD:
방향:
- 여행 정산표 느낌
- 보딩패스/여권 정산표 느낌
- 클리어 문구는 `출국 성공!`
- 필요한 정보만 표시
- FROM/TO 공항 코드
- 로컬 탑승 시간
- 목적지
- 획득 마일리지
- 도착 시간
@@ -107,7 +109,9 @@ HUD:
- 버튼은 클리어 시 `면세점으로`, 실패 시 `다시 도전`
- 보조 버튼은 `인트로` 대신 `다음 여행지 가기`
- 배경은 인천공항 배경을 사용
- 여권 페이지, 출국 도장, 마일리지/시간/체크포인트/기념품 아이콘, 공항 안내 패널 버튼을 사용
- 보딩패스 패널, 출국 도장, 마일리지/시간/체크포인트/기념품 아이콘, 공항 안내 패널 버튼을 사용
- 보딩패스 배경은 텍스트 없는 빈 슬롯 이미지로 유지하고, 실제 한글/숫자는 Unity UI에서 얹습니다.
- 오른쪽 원형 슬롯은 마일리지/도착 시간/이동 거리 수치를 담을 수 있도록 하단 티켓 슬롯과 가로 중심을 맞춥니다.
## DutyFreeShop
+36
View File
@@ -2,6 +2,42 @@
날짜별 수정 내용과 다음 할 일을 기록합니다.
## 2026-07-08
### 수정한 점
- 결과 화면 배경을 기존 여권 정산표에서 보딩패스형 패널로 변경
- 새 결과 화면 리소스 `Assets/Resources/UI_ResultBoardingPassPanel_New.png` 추가
- 보딩패스 배경은 글자 없는 빈 슬롯 형태로 만들고, 실제 값은 Unity UI 텍스트/아이콘으로 얹도록 구성
- 왼쪽 결과 영역에 `출국 성공!`, `ICN -> FUK` 형식의 이동 경로, 도착지명을 배치
- 중앙 큰 박스에 FROM/TO 공항 코드와 도시명을 표시
- 중앙 하단 4칸에 항공편, 좌석, 플레이어 로컬 시간 기준 탑승 시간, 클래스를 표시
- 오른쪽 원 3개에 마일리지, 도착 시간, 이동 거리를 배치
- 오른쪽 원 3개는 아래 목적지/보상/보유 마일리지 박스와 가로 중심을 맞추고, 내부 물결 장식을 제거
- 오른쪽 상단의 비행기, 경로, 별, 나침반 장식을 원 위쪽으로 올려 보딩패스 전체 구성이 자연스럽게 보이도록 정리
- 이전의 부분 덮어쓰기식 보정본은 폐기하고, 전체 이미지 편집본으로 다시 교체
- 결과 화면 공항 코드 매핑 추가
- 튜토리얼/인천: `ICN`
- 일본: `FUK`
- 중국: `PVG`
- 미국: `LAX`
- 결과 화면 텍스트 좌표를 새 보딩패스 박스 중심 기준으로 재조정
- `dotnet build Assembly-CSharp.csproj` 기준 경고 0개 / 오류 0개 확인
### 현재 문제
- 결과 화면의 세부 좌표는 Unity 실제 화면에서 한 번 더 미세 조정할 수 있음
- 새 보딩패스 이미지가 생성형 이미지 기반이라, 최종 퀄리티가 확정되면 수동 리터칭 또는 재생성이 필요할 수 있음
- 면세점 구매 아이템이 아직 장착 슬롯과 연결되지 않음
- 일본, 중국, 미국 맵의 실제 패턴과 난이도 차별화가 더 필요함
### 다음 할 일
1. Unity 디버그 메뉴의 `출국 성공` 화면에서 새 보딩패스 좌표를 실제 해상도로 확인
2. 결과 화면 좌표를 확정한 뒤 `ResultScreenView` 분리 리팩터링으로 이동
3. 면세점 구매 아이템을 장착 슬롯과 연결
4. 일본, 중국, 미국 맵의 실제 패턴과 난이도 차별화
## 2026-07-07
### 수정한 점