카르네(Carnet): 한 정거장씩, 파리 여행

기차로 더 멀리: 첫 화면의 초록색 배너에서 리옹·보르도·스트라스부르·낭트·렌·마르세유·니스·디종으로 떠납니다. 기존 여행 수첩의 19개 도시와 별도로 8개 도시를 추가해 총 27개 도시를 다룹니다. 새 도시들은 기차 여행 화면에서 플레이하며 기존 세계지도·예산 미션에는 아직 통합되지 않았습니다.

탑승 준비 → 8초의 사진 여행(일시정지·건너뛰기 가능) → 환승 또는 도착 → 도시별 산책 3장면 → 추억 엽서·여권 도장·발견 퀴즈로 이어집니다. 니스 코스는 마르세유에서 직접 환승을 확인합니다. 24개 산책 장면과 48개 추억 선택, 8개 발견 배지, 4개 도장 목표를 제공합니다. 도장과 배지는 재여행해도 유지되고 진행 위치와 선택은 이 기기에 자동 저장됩니다. 한국어·영어를 함께 지원합니다.

실제 도시 사진 16장을 추가해 총 116장입니다. 기차 화면은 여행지 사진을 활용한 체험이며 실제 차창 영상이나 모든 중간 정차역의 시간표가 아닙니다. 각 코스에서 SNCF Connect의 실제 기차편과 공식 관광 안내로 연결합니다. 새 콘텐츠·경로는 src/data/rail.ts, 진행·저장 복원은 src/game/railJourney.ts에서 관리합니다.

최신 검증: 64가지 기차 여행의 전체 선택 경로, 필수 환승, 저장 복원·손상 대응·중복 도장 방지와 총 1,353개 영문 화면·미션 단계. 실제 브라우저·휴대전화 시각 검수는 미완료입니다.

첫 화면은 실제 파리 지하철 노선을 따라가는 여행입니다. 루브르→에펠탑(1→6호선), 루브르→몽마르트르(1→12호선), 트로카데로→비르아켐(6호선) 세 코스를 제공합니다. 모든 정차역과 종점 방향을 표시하고 환승역에서는 명시적으로 갈아탑니다. 역당 3.5초의 압축 체험이며 실제 운행 영상·실시간 길찾기가 아닙니다.

실제 역과 여행지 사진, 하차 후 도보 안내, 여행 메모, 로컬 사진 엽서 저장을 제공합니다. 2026년 공식 교통권 안내와 성인·공항 제외 1회권/1일권 비교 계산기를 포함합니다. 요금 확인일은 2026-09-07이며 출발 전 공식 앱에서 운행 상황을 확인해야 합니다. src/data/metro.ts에서 코스와 출처를 관리합니다.

기존 19개 도시 콘텐츠는 상단 여행 수첩에서 이어갑니다. 기존 세이브를 읽을 때 현재 게임에 필요한 필드만 복원하며, 여행 진행·예산·앨범은 유지합니다. 지하철 코스는 무료 미리보기로 기존 미션 예산과 분리되어 있습니다. 정밀 노선이 없는 기존 도시 내 이동은 장소 지도와 현지 이동 안내로 진행합니다.

검증: Node 22.12 이상에서 npm run build, npm test, npm run lint. 지하철 정차역·환승 연결, 교통권 비교, 사진 파일·저작권 정보, 이전 저장 호환성을 검사합니다.

Carnet_게임개발계획서_v0.9.md의 6장(샘플 콘텐츠·MVP)을 플레이 가능한 웹 프로토타입으로 옮긴 것입니다. 일드프랑스 6개 도시 + 프랑스 북부·중부 6개 도시, 그리고 국경 너머 7개 도시(런던·브뤼셀·쾰른·베를린·제네바·바르셀로나·마드리드)까지 총 19개 도시. 이야기 13개 + 국경 도시 이야기 7개 + 도시별 사진 취재·미식 체험 38개를 더해 총 58개 미션을 제공합니다.

지금 어디까지 구현됐고 뭐가 남았는지는 ROADMAP.md에서 기획서 섹션별로 추적합니다. 이 저장소를 다시 열 때는 그 문서를 먼저 읽고, 완료한 항목은 지우고, 새로 한 일을 적어 넣습니다.

여행 수첩에서는 세계지도로 도시를 탐색합니다. 지도는 두 겹입니다. 도시 간 이동은 세계지도(핀·노선·안개·범례)가 무대이고, 도시 안으로 들어가면 그 도시의 내부 지도(CityMap)가 무대가 됩니다. 여행 수첩을 시작하면 세계지도가 열립니다 — 여행의 본체는 지도 위에서 핀을 고르고 노선을 잇는 것입니다. 지도에는 티어(S/A/H)·잠긴 지역의 "안개"·진행률·지역 바로가기를 보여주는 범례가 떠 있고, 잠긴 지역은 각 도시 주변에 반투명한 안개로 표시되다가 해금되면 걷힙니다(기획서 §3.1). 진행 중인 미션이 있으면 지도 위에 떠 있는 "다음 취재" 카드로 바로 이어갈 수 있습니다. 줌아웃해서 유럽 전체를 보면 번잡함을 줄이려고 메인 무대(S) 도시 이름만 남고 거점·유산 도시는 점으로만 표시되며, 확대하면 다시 전체 이름이 나타납니다.

도시 하나를 열면(도시 카드 › "사진 산책" 탭) 그 도시의 실제 장소들이 좌표를 가진 핀으로 지도 위에 놓입니다. 파리는 20개 구(1구 루브르부터 20구 메닐몽탕까지) 라벨도 함께 떠 있습니다. 미션 중 "방문" 스텝에 들어서면 사진 대신 이 내부 지도가 장면의 배경이 되어, 지금 찾아가야 할 장소가 지도 위에서 크게 펄스로 강조됩니다 — 지도가 사진 뒤에 숨는 장식이 아니라 미션이 실제로 벌어지는 무대가 되도록 한 것입니다.

큰 현장 사진과 도시 엽서 목록에서 여행을 시작하고, 지도 보기로 동선을 확인합니다. 사진 산책에서 장소를 방문하거나 현지 음식을 맛보면 사진과 방문 기록이 앨범에 쌓입니다. 사진은 확대할 수 있으며 촬영자·라이선스·원본 링크를 함께 표시합니다.

가격 맞추기는 직접 입력 없이 네 가지 가격표 중 하나를 고르는 방식입니다. 영수증에서 실제 가격, 자국 통화 환산액, 예상가와의 차이를 확인합니다. 답안·구매·기사 결과는 저장되므로 잠시 접거나 새로고침해도 결제와 보상이 중복되지 않습니다. 기존 carnet-save-v1 저장을 유지합니다.

라이벌 테오와 국경 너머. 불로뉴비양쿠르의 메인 미션 「지구의 기록」을 마치면, 라이벌 작가 테오가 끼어들어 런던·브뤼셀·쾰른·베를린·제네바·바르셀로나·마드리드로 먼저 떠났다고 선언합니다. 이 순간 프랑스 북부·중부의 소도시들과 함께 일곱 국경 도시가 한꺼번에 지도에서 열리고, 테오와의 경주가 시작됩니다 — 테오는 도시마다 정해진 날짜에 "도착"하고, 그 전에 플레이어가 먼저 그 도시의 스탬프를 찍으면 특종 보너스(원고료 +€20, 평판 +2)를, 늦으면 특종 없이 기록만 남습니다. 각 도시 카드와 수첩 › 여권 탭에 테오와의 거리(D-day 또는 이미 도착했는지)가 표시되므로, 아미앵·랭스 같은 소도시부터 걸을지 국경으로 서두를지는 이 정보를 보고 플레이어가 정합니다. 런던(파운드)과 제네바(스위스 프랑)는 진짜 환전이 필요한 국경이고, 브뤼셀·쾰른·베를린·마드리드는 국경을 넘어도 유로를 그대로 쓰는 "화폐가 같은 국경"입니다(기획서 §3.3). 쾰른↔베를린, 바르셀로나↔마드리드처럼 파리를 거치지 않고 국경 지역 안에서 바로 이동하는 노선도 있습니다.

한국어·English. 첫 지하철 화면과 게임 HUD의 KO/EN 버튼으로 전환합니다. 58개 미션의 대사·퀴즈·편지, 역사 카드, 음식 설명, 사진 제목·확대 화면, 지도 핀, 교통권 안내와 계산기를 모두 번역합니다. 언어는 저장되고, 표시할 때만 번역하므로 미션 정답·수집품·기존 저장 데이터는 바뀌지 않습니다. src/data/english.json과 src/i18n.ts가 번역 사전이며, npm test는 전체 콘텐츠와 1,353개 영문 화면·미션 단계를 렌더링해 한국어 누락을 검사합니다. 사용자 입력 이름과 사진 원본 속 글자는 번역 대상이 아닙니다.

직접 걷기 — 3인칭으로 파리를 누빈다

걷기 화면(index.html)은 원신처럼 파리를 누비는 3인칭 오픈월드 모험입니다. 에펠탑 앞 샹드마르스에서 시작해 거리를 걷고, 벽을 타고, 지붕에서 글라이더로 내려오고, 요괴와 싸우고, 랜드마크 사람들의 부탁을 들어줍니다.

조작	키보드·마우스	게임패드(스위치 배치)	터치
걷기·달리기	WASD (Shift 전력질주)	왼쪽 스틱 (B 전력질주)	왼쪽 아래를 끌기 · 달리기 버튼 누르고 있기
시점	마우스 끌기 · ←→↑↓ · 휠 거리 · Z 정렬	오른쪽 스틱	오른쪽을 끌기
점프 · 글라이더	Space (공중에서 한 번 더 = 펼치기/접기)	X	점프 버튼
벽타기 · 상승	벽 쪽으로 계속 밀면 붙는다 · Space 도약 · X 놓기 · T 상승	같음 · Y 놓기	같음 · 놓기 버튼 · ⤒
구르기 · 낙법	V (착지 직전에 누르면 다치지 않는다)	L	달리기 버튼을 톡
공격 · 강공격 · 스킬 · 폭발	마우스 톡 · 길게 눌렀다 떼기 · E · Q	Y · ZL · ZR	⚔️ · 🌀 · 🌪️
행동	F	A	화면의 안내를 누른다
몸짓	1 인사 · 2 춤 · 3 사진 · 4 앉기	십자 ← 인사 · → 춤 · + 앉기	🧚 메뉴의 📷
메뉴 · 지도 · 수첩 · 옷장 · 리리	Esc · M · J · I · G	−	오른쪽 위 🧚 · 미니맵 누르기 · 📖 · 🎒

화면 배치(원신 그대로): 왼쪽 위 미니맵(누르면 큰 지도), 그 아래 지금 할 일. 오른쪽 위엔 ✨ 기원 · 📖 수첩 · 🎒 옷장 · 🧚 리리의 메뉴(원신의 파이몬 메뉴 — 모험 등급·별조각·€·시각, 리리에게 묻기·지도·사진·소리·조작 안내) 넷뿐. 오른쪽 아래 원소 스킬(E)·원소 폭발(Q), 쓸 수 있을 때만 ⤒ 상승(T). F 행동 안내는 화면 가운데 오른쪽, 피는 아래 가운데. 휴대폰은 왼쪽 떠 있는 조이스틱, 오른쪽 아래 한 무리(⚔️ 공격 · 점프 · 달리기 · 🌀 · 🌪️ · 벽에선 놓기). 봇 검사(scripts/e2e/uicheck.mjs)가 데스크톱 1280×720 · 휴대폰 844×390에서 단추가 겹치거나 화면 밖으로 나가지 않는지 본다.

정리(2026-09): 여행 계획 게임 시절의 것 중 원신식 모험과 맞지 않는 것을 뺐다 — 가게·카페 카드와 메뉴판, 허기·지침, 지하철·버스 타기와 목적지 고르기, 숙소, 하루 마치기 요약, 헬기, 길 묻는 관광객, 가판대·테라스·크레프·초상화·유람선·회전목마·기념품 장수, 걷는 화면 위의 가게 핀(지도에서만 보인다), 조작 안내 상자(메뉴로). 시각은 1초 = 1분으로 흐르고(앉아 있으면 10배 — 밤을 기다릴 때), 장소는 가까이 가면 발견해 지도에 표시되고 경험치를 준다.

• 시작 = 에펠탑 앞 샹드마르스 잔디밭 · 첫걸음(src/walk/prologue.ts): 헬기에서 뛰어내려 어디 있는지 모르는 채 시작하던 것을 바꿨다 — 할 거리가 가장 많은 에펠탑 앞(탑을 바라보며)에서, 발밑 지도와 거리만 지으면 바로 시작한다(다른 동네 거리는 뒤에서 받는다). 처음이면 🌱 첫걸음 8단계를 요정 리리가 하나씩 알려 준다(왼쪽 위 판: 할 일 한 줄 · 진행 점 · 건너뛰기, 빛기둥이 늘 다음 자리): ① 🔷 샹드마르스 순간이동 포인트 켜기 → ② 🎁 옆의 보물상자 열기(F) → ③ ❓ 가이드 쥘리의 퀴즈 → ④ ⚔️ 봉인된 상자를 지키는 슬라임 둘(공격·E·Q·V를 처음 써 본다) → 봉인이 풀린 상자 → ⑤ ⤒ 탑 한가운데 아래에서 상승(T)으로 1층(58 m) → ⑥ 🪂 뛰어내려 글라이더(Space)로 잔디밭에 → ⑦ ✨ 기원 1번(모자라면 리리가 별조각을 채워 준다, 단추가 반짝인다) → ⑧ 📖 파리 수첩(J). 단계마다 별조각·경험치, 끝나면 ⭐100 · €20 · 경험치 200, 그리고 메인 이벤트 "철의 귀부인"(귀스타브)으로 안내가 넘어간다. 첫걸음 동안엔 거리 사건·발견 알림·리리의 잡담을 멈춰 한 가지에만 집중하게 한다. 이미 한 것은 저절로 넘어가고 진행은 localStorage['carnet-prologue-v1']에 남는다. (헬기 src/walk/heli.ts는 남아 있지만 시작에 쓰지 않는다.)
• 처음부터 켜진 순간이동 포인트: 🔷 샹드마르스(에펠탑) · 트로카데로 · 마레(START_WAYPOINTS, 예전 저장에도 한 번 준다). 첫걸음 1단계는 "미니맵을 눌러(M) 지도를 열고 켜진 🔷를 보고 닫기". 첫걸음은 이제 열 단계: 지도 → 보물상자 → 쥘리 퀴즈 → 쥐 기사·슬라임 야영지 → 📷 사진 → 👑 쥐왕 만나기 → 상승 → 글라이더 → 기원 → 수첩.
• 파리 하늘(src/walk/sky.ts): 🎈 열기구 여섯 채가 바람 따라 흘러가며 버너를 켰다 껐다 오르내린다 — 바구니에 내려앉으면 올라타(승객이 "Bienvenue à bord !") 바람 따라 흘러가고 점프로 뛰어내린다, 풍선 꼭대기에 떨어지면 통 튀어 오른다. 🐦 새 떼(기러기 V 대형 · 찌르레기 떼)는 날개를 치며 떠돌다 열기구와 비행기를 피해 가고, 낙하산이나 글라이더로 천천히 다가가면 곁에서 함께 날고(18초), 빠르게 들이받으면 흩어진다. 🪂 낙하산 타는 사람들이 빙빙 돌며 내려온다 — 다가가면 손을 흔들며 "Salut !", 바짝 붙으면 공중 하이파이브(기력 가득). ✈️ 12분마다 여객기가 500600 m로 낮게 하늘을 가로지른다(엔진 소리, 밤엔 항법등) — 뒤쪽 난기류에 휘말리면 휘청 떠밀린다.
• 모험(원신처럼)(src/walk/progress.ts, explore.ts, wish.ts): 🔷 순간이동 포인트 14곳(랜드마크 앞마당·다섯 동네 가운데) — 가까이 가면 켜지고 둘레 장소가 지도에 드러난다, 지도(M)에서 누르면 그리로 순간이동(다른 동네면 그 동네를 읽는다). 🗽 잔 다르크 성상(피라미드 광장의 금빛 기마상)에 🪶 바람 깃털(랜드마크 꼭대기·높은 지붕 스무 곳 남짓)을 바치면 기력이 커진다(4개마다 한 단계, 소모 −9%씩). 🎁 보물상자는 약 180 m 칸마다 해시로 정해진 자리에 — 평범(길가) · 정교(높은 지붕 위) · 진귀(🐈‍⬛ 검은 고양이를 따라가면 · ⏱ 빛 구슬을 시간 안에 모으면) · 화려(에펠탑·노트르담·사크레쾨르·개선문 꼭대기), 한 번 연 것은 다시 나오지 않는다. 🌟 모험 등급(1~30): 상자·포인트·깃털·새 장소·부탁·메인/서브 이벤트·의뢰로 경험치, 오를 때마다 별조각과 €. 📜 오늘의 의뢰 넷(날마다 바뀐다 — 사진·봉주르·상자·걷기·벽 오르기·글라이더 등), 하나마다 ⭐10, 넷 모두 ⭐60. ✨ 기원: 별조각 ⭐160으로 한 번(10번 ⭐1600) — 5★ 1.6%(50번째엔 반드시: 🎩 오페라 실크해트 경험치+15% · 🎖 나폴레옹 코트 질주 기력−30% · 🦋 나비 글라이더 글라이더 기력−40%), 4★ 13%(10번마다 반드시: 옷장의 얻는 장비들), 3★ 기념품(€). 이미 있는 장비는 별조각으로 돌려준다. 📖 수첩 맨 위에 모험 등급·별조각·기력 단계·오늘의 의뢰·탐험 현황. 걷기·달리기·벽타기·활공도 원신처럼 빨라졌다(달리기 5.6 · 질주 8.6 · 벽타기 2.2 · 글라이더 9 m/s). 진행은 판이 끝나도 남는다. 다시 들어오면 첫 화면에 🔷 이어서 단추가 헬기 노선을 다 받기 전(몇 초)부터 켜진다 — 누르면 헬기 없이 마지막 순간이동 포인트에서 바로 시작한다.
• 길잡이 동료 🧚 리리(src/walk/companion.ts, 파이몬처럼): 흰 머리에 빨간 베레모, 별 망토와 별 왕관의 작은 요정이 어깨 곁에 떠서 따라다닌다. 둘레를 보고 먼저 말한다 — 보물상자("저기 보물상자다! 반짝반짝!" 하며 그쪽으로 날아가 가리킨다)·안 켠 순간이동 포인트·바람 깃털·검은 고양이·빛 구슬 받침·요괴 야영지, 싸움 중엔 "온다! V로 굴러!"·"빨간 원! 피해!"·피가 적으면 물러나라고, 모험 등급이 오르면 축하, 랜드마크의 메인 이벤트, 배고프면 "크레프 먹자! 리리는 비상식량 아니야!", 밤엔 가고일 조심. 한참 조용하면 요령 하나(오늘의 의뢰 남은 것 등). 같은 이야기는 한동안 되풀이하지 않는다. (또는 🧚 단추)를 누르면 다음에 할 일을 알려 주고 그쪽으로 날아간다 — 싸움 중이면 싸우는 법, 따라가는 이벤트가 있으면 그 할 일, 없으면 가까운 상자·안 켠 포인트·남은 의뢰. 처음 만나면 자기소개.

실행

nvm use            # Node 22.12 이상 (.nvmrc: 22)
npm install
npm run dev        # http://localhost:5173
npm run build      # dist/ 정적 번들 (PWA/Capacitor/Electron의 입력)
npm test           # 데이터·사진·선택지·저장 호환·결제/보상 검증
npm run lint

실제 사진

public/photos/의 WebP 사진과 작은 썸네일을 배포에 포함합니다. 플레이 중 Wikimedia에 사진 요청을 보내지 않습니다. 다운로드 재현은 Python 3 + Pillow 환경에서 python scripts/fetch_photos.py로 가능합니다. 기존 파일은 건너뛰며, 교체는 --refresh 사진ID를 사용합니다.

지도 타일은 OpenFreeMap(무료 공개 스타일)을 쓰고, 네트워크가 막히면 내장된 프랑스 윤곽 폴백 스타일로 자동 전환합니다. 실서비스에서는 기획서 §3.1대로 PMTiles 자체 호스팅으로 교체하면 됩니다(src/ui/MapView.tsx의 STYLE_PRIMARY).

구조

src/
  game/
    types.ts      도시·POI·음식·이동 엣지·사실 카드·미션 스텝 타입 (기획서 §4 스키마 축약). City.currency로 도시별 실제 통화(GBP/CHF 등) 지정
    economy.ts    환율(ECB 예시)·환전 경로 5종 스프레드·가격 산정(기준가×물가지수×판매처 계수)·기사 등급·통화 변환(convert/cityCurrency)
    store.ts      Zustand 게임 상태: 시간/요일·지갑(다중 통화+카드 수수료)·체력·평판·부채·미션 진행·저장(localStorage). pay()가 도시 통화로 결제, 부족분은 카드→편집장 선지급 순으로 처리
    rival.ts      라이벌 테오의 국경 도시 도착 일정(THEO_ROUTE)과 theoArrivalDay() — 국경 해금일 기준으로 도시별 "테오 도착일"을 계산
  data/
    cities.ts     19개 도시 노드(프랑스 12 + 국경 너머 7: 런던·브뤼셀·쾰른·베를린·제네바·바르셀로나·마드리드) + 이동 그래프(§3.2 MVP 이동표: 수단·소요·요금[예약/당일]·편수·첫차/막차·차창 사실). 파리 허브 노선 외에 쾰른↔베를린·바르셀로나↔마드리드 같은 지역 내 횡단 노선도 있음
    cards.ts      사실 카드 80여 장 — 문장마다 출처 ID
    sources.ts    출처 목록(Wikipedia·Wikidata·기관 공식) — 수첩에서 '출처 보기'
    missions.ts   미션 스크립트(오프닝 튜토리얼, 메인 「지구의 기록」, 아미앵 풀 미션 「80일의 첫 페이지」, 프랑스 도시 이야기 11개, 국경 도시 이야기 7개)
    fallbackMap.ts 오프라인 폴백 지도
  ui/
    MapView.tsx   MapLibre 세계지도(게임의 기본 진입 화면): 도시 핀(티어·잠김·현재·스탬프), 잠긴 지역 안개 오버레이, 좌상단 범례(티어·진행률·지역 바로가기), 노선, 이동 애니메이션
    CityMap.tsx   MapLibre 도시 내부 지도: 실제 좌표를 가진 장소 핀(방문 여부 표시), 파리 20구 라벨. 도시 카드 "사진 산책" 탭과 방문 미션 스텝의 배경 무대로 재사용
    MetroJourney.tsx 실제 역 사진·환승·여행 엽서·교통권 안내
    metro.css     지하철 여행 화면과 모바일 레이아웃
    CityPanel.tsx 도시 카드 4탭(미션·장소·이동·음식) — "장소" 탭 상단에 CityMap, 핀을 누르면 아래 목록에서 해당 장소로 스크롤. 기차표 UI, 현지+자국 통화 병기, 파리 대비 태그, 국경 도시는 테오 경주 D-day 표시
    Notebook.tsx  수첩·지갑(환율 보드·환전)·여권(스탬프·수집품·테오의 경주)·기사·편지
    Hud.tsx, Intro.tsx, common.tsx  Hud.tsx에 🔊/🔇 음소거 토글 포함
  i18n.ts       표시용 번역과 동적 문구 처리. lang은 store.ts에 저장(게임 리셋과 무관하게 유지)
  data/parisArrondissements.ts  파리 20개 구의 대표 좌표·이름 (CityMap의 라벨 레이어 전용, 정밀 경계 폴리곤은 아님)

다중 통화 시스템

12개 프랑스 도시는 모두 유로(EUR)를 쓰지만, 국경 너머 7개 도시는 실제 통화가 다릅니다: 런던은 파운드(GBP), 제네바는 스위스 프랑(CHF), 브뤼셀·쾰른·베를린·바르셀로나·마드리드는 프랑스와 같은 유로입니다. City.currency 필드로 지정하며, 입장료(feeEur)·음식 기준가(baseEur)·숙박비(hostelEur)·구역 1회권(transitFareEur)은 모두 그 도시의 실제 통화 기준 금액으로 입력합니다(필드 이름은 하위 호환을 위해 그대로 뒀습니다). 도시 간 열차·유로스타 요금(Edge.fareEur)만은 실제 국제선 관행대로 항상 유로로 판매되는 것으로 통일했습니다. 지갑 부족 시 카드 결제(자국 통화, 수수료 1.5%) → 편집장 선지급(€300 상당, 이자 10%) 순으로 처리되며, 어느 통화로 결제하든 동일한 로직(store.ts의 pay())을 씁니다.

• 내비게이션: 주행 화면의 지도 버튼을 누르면 일시정지하고 실제 도시 경로를 봅니다. OSRM 도로 경로 위에서 차가 진행도에 맞춰 이동하며, 출발지·목적지·주변 명소·남은 거리를 표시합니다. 지도 타일까지 끊기면 로컬 POI 좌표와 직선 안내가 표시됩니다. 아케이드 풍경은 창작이며 실제 도로의 차선·건물을 재현하지 않습니다.
• 진행: 성적표에서 바로 재도전하거나 취재를 이어갑니다. 기존 이동비·시간은 그대로 적용됩니다. 자유 주행은 게임 시간 15분을 사용합니다.

사운드

외부 음원 파일은 하나도 쓰지 않습니다. 모든 효과음과 배경음은 src/audio.ts가 Web Audio API로 그 자리에서 합성합니다 — 라이선스 걱정이 없고, 인터넷 연결 없이도(지도 타일과 달리) 완전히 동작하며, 번들 용량도 늘지 않습니다.

• 효과음: 사실 카드 수집, 퀴즈/포토/순서 퍼즐 정답·오답, 음식 구매(카드 결제음), 장소 방문(문 여닫는 소리), 도시 간 열차 출발·도착, 여권 스탬프, 테오와의 경주 승패, 수첩 여닫기 — 각각 오실레이터·노이즈 버스트를 짧게 조합해 만든 고유한 소리입니다.
• 배경음: 게임을 시작하면 낮은 화음 패드와 느린 아르페지오가 은은하게 흐릅니다. 정식으로 작곡·녹음된 트랙이 아니라 절제된 절차적 합성이며, 정식 서비스에서는 라이선스가 확인된 실제 음원으로 교체하는 편이 낫습니다.
• 음소거: HUD 오른쪽 위 🔊/🔇 버튼으로 언제든 끄고 켤 수 있고, 이 설정은 저장됩니다(store.ts의 muted). 브라우저의 자동재생 정책 때문에 페이지를 열자마자는 소리가 나지 않으며, 첫 클릭·키 입력 한 번으로 오디오가 깨어납니다.

미션 스텝 추가하기

src/data/missions.ts의 steps 배열에 스텝을 넣으면 됩니다. 스텝 타입은 src/game/types.ts의 Step:

타입	설명
say	대사. who: margot / guide / L / theo / echo / narrator. echo는 fiction 플래그로 창작/인용 표시
card	사실 카드 수집 (cardId는 cards.ts에 있어야 함)
quiz	3지선다. 정답이든 오답이든 카드는 주고, 오답은 기사 정확도에 반영
photo	L.의 사진 ↔ 현재 장소 매칭
order	순서 퍼즐. items는 정답 순서(UI에서 섞음)
visit	장소 방문: 입장료·소요 시간·휴관 요일(실제 데이터) 검사, 22시 이후 불가
buy	음식 구매. guess: true면 가격 맞히기(오차가 KPI로 기록됨)
exchange	환전(환전 경로 선택). from/to 통화를 지정 — 런던·제네바처럼 실제 환전이 필요한 도시에서 쓴다
article	사실 카드로 기사 조립 → 등급(C/B/A/S) → 원고료
letter / unlock / collect / stamp	L.의 편지 / 지역 해금 / 수집품 / 여권 스탬프

기획서 대비 현황 · 다음 단계

짧게 요약하면: 클라이언트 쪽 핵심 루프(지도·이동·환전·미식·미션·기사)는 기획서 §3 대부분을 구현했지만, §4(자동 콘텐츠 파이프라인)와 §5(백엔드·계정·모바일 패키징)는 사실상 없습니다 — 지금은 손으로 계속 도시를 늘려나가는 단계입니다. 섹션별 구현 현황표, 부족한 점, 그리고 다음에 할 일의 우선순위 백로그는 ROADMAP.md에 정리되어 있으며 개발이 진행될 때마다 갱신됩니다.