31558edcb2
시스템 기획서: 내러티브 태그 항목에서 연대기 서술 제거, 연대기를 독립 항목으로 신설 스토리 바이블: "연대기의 편찬" 테마를 '결정 장부' 관점으로 재서술 텍스트 와이어프레임: 팝업을 '세계의 상흔'(태그) / '연대기'(결재 이력) 2종으로 분리, 엔딩 화면에 연대기 요약 블록 추가 비전 문서 / PRD / 유저플로우 / 개발순서: 각각 정의 분리 및 분리 저장 명시 Part B (스니펫 시스템) — B-4 결정사항(은근한 헌신 농도, 고정 마침 도장 리스트) 반영 narrative_tags.json 10종 전체에 snippet(1문장, 숫자 1개, 거리감 있는 관료체) + snippet_type 필드 추가 — 시스템형 7 : 사람형 3 비율. update_csv_tags.js는 이 파일을 생성/가공하지 않아 스크립트 변경 불필요했습니다. 빌드(vite build) 정상 확인.
73 lines
4.7 KiB
Markdown
73 lines
4.7 KiB
Markdown
모바일과 스팀 환경을 모두 고려하여, 중앙 집중형 레이아웃을 기준으로 UI 요소들의 배치를 정의했습니다.
|
|
|
|
# 📱 텍스트 와이어프레임 (Text Wireframe)
|
|
|
|
## 1. 메인 결재 화면 (Main Gameplay Screen)
|
|
플레이어가 스와이프를 통해 딜레마를 해결하고 덱을 구축하는 핵심 플레이 화면입니다.
|
|
|
|
### [상단 고정 영역: 미니멀 상태창]
|
|
- **좌상단 (내러티브):** `[📖 4/8]` (현재 획득한 내러티브 태그 숫자만 작게 표기. 터치 시 연대기 팝업).우측 여백에 다가오는 의회의 압박감을 시각화하는 `[제 X차 정례회의 상정까지: 잔여 00건]` 텍스트를 나란히 배치합니다.
|
|
- **중앙~우상단 (핵심 붕괴 파라미터):**
|
|
- 바(Bar) 형태를 버리고, 파라미터별 아이콘과 5개의 점(Dot)으로 1~5단계를 심플하게 표기합니다.
|
|
- `[저항 ✊] ⚫⚫⚪⚪⚪` | `[엔트로피 🌀] ⚫⚫⚫⚫⚪` | `[대중공황 😱] ⚫⚫⚫⚪⚪`
|
|
|
|
### [중앙 영역: 풀스크린 딜레마 카드]
|
|
- **화면 중앙 (`거대한 카드`):**
|
|
- 화면 중앙을 꽉 채우는 둥근 모서리의 직사각형 카드.
|
|
- 상단: 큼직한 [카드 카테고리 아이콘] (예: 일상, 위기, 작전 등).
|
|
- 중앙: 시원하고 큰 폰트의 [딜레마 텍스트] (모바일 가독성 극대화).
|
|
- **스와이프 프리뷰 (카드 드래그 시 나타나는 플로팅 텍스트):**
|
|
- 카드를 좌/우/위로 밀면, 카드 상단 여백에 **결과 예측 아이콘**이 크게 떠오릅니다.
|
|
- _(좌로 밀 때)_: `+💰예산`, `-✊저항` 등 심플한 아이콘 피드백 노출.
|
|
|
|
### [하단 영역: 자원 및 인벤토리]
|
|
- **하단 1열 (유동성 토큰):** 단순한 아이콘과 숫자만 가로 정렬.
|
|
- `[💰 120]` `[🩸 45]` `[👁️ 78]`
|
|
- **하단 2열 (영구 자원 태그):** 작은 아이콘과 스택 숫자 표기.
|
|
- `[🏢 3]` `[🛡️ 5]` `[👁️🗨️ 2]`
|
|
- **최하단 (자산 슬롯):** 가로로 스크롤 되는 미니멀한 네모 슬롯(1줄). 파이프라인 연쇄 반응 발생 시 아이콘들이 반짝이며 선(Line)으로 연결되는 심플한 이펙트 연출.
|
|
|
|
## 2. 주간 의회 단계 화면 (Weekly Council Screen)
|
|
복잡한 원탁회의 이미지를 버리고, 13명의 임원을 모바일 화면에 맞는 단순한 그리드(Grid) 아이콘으로 추상화합니다.
|
|
|
|
### [상단 영역: 안건 정보]
|
|
- **타이틀:** `[📜 이번 주 상정: 표적 규약 법안]`
|
|
- **위험 수용 계수**: 바 형태로 0~100%를 심플하게 표기 합니다.
|
|
- **경고문:** 위험 수용 계수 충족 시 화면 전체가 붉게 점멸하며 `[🚨 정치적 탄핵안 상정!]` 문구 노출.
|
|
|
|
### [중앙 영역: 13인 위원회 그리드]
|
|
- 초상화 대신, 13개의 추상화된 미니멀 아이콘(동그라미 또는 체스말 형태)이 3줄로 배치됩니다 (상임 8명 + 지부장 5명).
|
|
- 각 아이콘 내부 또는 우측 하단에 예상 표결 상태를 심플하게 뱃지로 표시:
|
|
- `[✅ 찬성]` / `[❓ 미정]` / `[❌ 반대(탄핵)]`
|
|
|
|
### [하단 영역: 국장의 개입 액션 (3개의 큰 버튼)]
|
|
모바일에서 한 손가락으로 누르기 쉬운 3개의 꽉 찬 가로형 버튼.
|
|
- `[💰 매수] (예산 소모 / 임원 매수)`
|
|
- `[👁️ 장부 조작] (정보 소모 / 안건 이월)`
|
|
- `[🩸 내부 감사] (인력 소모 / 기권 유도)`
|
|
|
|
## 3. 오버레이 및 팝업 (Overlays & Popups)
|
|
### 3.1. 세계의 상흔 팝업 (World's Scars Popup)
|
|
메인 화면 좌상단의 `[📖 4/8]` 카운터 터치 시 노출.
|
|
- **타이틀**: 세계의 상흔
|
|
- **본문**: 획득한 [내러티브 태그]의 키워드와 스니펫이 시간순으로 나열된 텍스트 목록 (세상이 어떻게 망가졌는가).
|
|
|
|
### 3.2. 연대기 팝업 (Chronicle Popup, 신규)
|
|
메인 화면의 별도 로그 버튼 터치 시 노출. '세계의 상흔' 팝업과는 별개의 진입점·별개의 데이터.
|
|
- **타이틀**: 국장의 연대기
|
|
- **본문**: 국장이 결재한 카드와 좌/우/위 선택 이력이 시간순으로 나열된 결정 장부.
|
|
```
|
|
[일상] 오염된 장부 승인
|
|
└ 좌(예산+): 유가족 위로금은 예비비 충당
|
|
```
|
|
|
|
### 3.3. 엔딩 결산 화면 (Ending Result Screen)
|
|
붕괴 조건 도달 시 출력되는 화면.
|
|
- **타이틀**: `[수집한 엔딩 이름]` (예: 사임, 세계 멸망, 문명 붕괴, 정치적 탄핵 등).
|
|
- **결과 텍스트**: 해당 엔딩에 대한 상세 서사.
|
|
- **원인 요약**: 현재 붕괴 게이지, 특정 자원 태그, 토큰 보유 상황 등 엔딩 발동 조건 표기.
|
|
- **이번 회차 연대기**: 회차 중 결재한 카드와 선택 이력을 요약한 '결정 요약' 블록.
|
|
- **액션**: `[도감에 기록하기 & 다음 회차 시작]` 버튼.
|
|
|
|
|