# シーン選択 仕様（v3 / scene）— 2026-10-15 初回 3案

置き場所: `v3/scene/` — v3 のスキン・キャスト・`mock/play.css`・`art.js`、結果画面の `result/mock/parts.js`・`result.css`・`lang.css` をそのまま読み込んで使う。
- `mock/scene.html?p=a|b|c&lang=ja|zh-TW` … モック本体（`scene.js` / `scene.css`）
- `mock/screens.js` / `screens.css` … シーン選択とトップの共通部品（パック・シーンのデータ、サムネ、状態札、HUD、主ボタン、フレーズ見本、UI 言語ピル）
- `mock/render.py` … 2x PNG（1280×800 / 390×844）、`mock/compare.py` … 比較シート（トップの分も作る）
- 状態は「01 クリア済み（A）・02 が次・03〜05 未プレイ」。スキンは C 夜市。

## 守っていること
- 舞台は記号の吹き出しだけ（●●●・スマイル・笑い線・♪）、文字は1つも置かない。シーン名・フレーズはパネルの中だけ。
- ちびキャラ4人の雑談（スマホは猫耳の子を省いて3人）。止め絵のみ（アニメーションなし）。
- 公式マーク（手描き白線の切り抜き、#FF2D95）は HUD の「< マーク nika typing」とスタンプ帳の見出しだけ。描き直しなし・舞台には出さない。
- 結果画面と同じ部品・色・書体: ネオン管の額縁（`ORN`）、タイル（`--tile`）、主ボタン（シアン `--pri`＋Enter 札）、副ボタン、スタンプ（`stampSVG`）、ランク札は金 #FFC857。UI＝Noto Sans JP / TC、数字・英字＝Nunito、学習フレーズ＝Zen Maru Gothic。
- ノンゴール: ランキング・オンライン人数・フレンド・「みんなで」は出さない。進捗は自分のクリア数（1/5）だけ。
- シーン名は環境のラベル（SKIN-SPEC v3 §0-7「購入クエストのような名前にはしない」）。BRIEF の検証スライス「サークルで新刊を買う」は、v3 で「01 ブースで雑談」（これ、新刊？／わたしも新刊ほしい！ など）になっている。

## パック「コミケ」（仮）
| No | 日本語 | 繁中（台湾） | 見本フレーズ |
|---|---|---|---|
| 01 | ブースで雑談 | 攤位前閒聊 | これ、新刊？ / 表紙かわいい！ |
| 02 | 列に並んで雑談 | 排隊時的閒聊 | 最後尾はここですか？（saikōbi）/ あと何分くらいかな？ |
| 03 | コスプレ広場で雑談 | Cosplay 區閒聊 | 写真いいですか？ |
| 04 | アフターで雑談 | 散場後聚餐閒聊 | 今日の戦利品見せて！ |
| 05 | 帰りの電車で雑談 | 回程電車上閒聊 | また次も一緒に行こうね！ |
サムネは背景の切り出し＋記号の吹き出し1つ（文字なし）。03〜05 の背景は仮（夜市の別位置／ロビー／駅）。

## 3案
- **案A 舞台＋リスト（おすすめ）** — 結果画面 P1 と同じ「左＝舞台／右＝パネル」。右に5シーンを1列で並べ、選んだ行だけ開いて「この雑談で打つひとこと」を2つ（日本語＋ローマ字＋繁中訳）見せる。下に主ボタン「このシーンで遊ぶ」、その下にヒント・世界観のチップとキー操作（PC のみ）。スマホは上に舞台、下にシートで同じ一覧。
- **案B スタンプ帳** — 共有カードと同じ額縁・スタンプで、5シーンを「集めるスタンプ」として並べる。クリア済みはスタンプ＋ランク札、未プレイは点線の丸。下に選んだシーンの詳細と主ボタン。周囲はぼかし舞台（共有カードと同じ）なので、雑談の空気は弱め。
- **案C 会場ルート** — プレイ画面と同じ「上＝提灯の進行／下＝YOUR TURN 型パネル」。1日の会場めぐりを提灯の道でつなぎ、選んだシーンの詳細を下パネルに出す。遊び始めとの見た目のつながりが一番強い。スマホではシーン名を省いて番号だけ（名前は下パネル）。

## 書き出し（`png/`）
- `compare-scene.png` … まず見せる1枚（PC 3案＋スマホ 3案、おすすめ枠つき）
- `compare-scene-lang.png` … 案A の日本語／繁中
- `scene-{A,B,C}-ja--{desktop,mobile}.png`、`scene-A-zh-TW--{desktop,mobile}.png`

## 確認して直したこと
- 案A PC: 一覧の5行目が主ボタンに重なっていた → 行とサムネを詰めた。
- 案B スマホ: 「コスプレ広場で雑 / 談」と語の途中で折れていた → 文節改行（auto-phrase）と字の大きさ調整で1行に。PC の周囲に浮いていた記号はぼかしキャラと合わないので外した。
- 案C: 吹き出しが進行の帯の裏に隠れていた → キャストを下げた。スマホのシーン名が隣と重なっていた → 番号だけに。
- スマホ共通: 左右の吹き出しが画面の端で切れていた → 内側へ。

## 残課題
- 未プレイのシーンに鍵をかけるか（いまは全部選べる）。
- 03〜05 の背景・見本フレーズは仮。シーンごとの背景がそろうまでサムネは切り出し。
- 他スキン（A ロビー / B 旅）への反映は案が決まってから。

## 磨き1（2026-10-15夜デイリー）
初稿の3案はレイアウトを変えず、結果画面の磨きで効いたこと（視線の帯・ミス対比の読み順・主ボタン先読み）を移した。止め絵のまま（animation／@keyframes なし）。
- 実装: `mock/polish1.css` / `mock/polish1.js`（scene.js の描画後に後処理。body に `.p1x`）。**既定で磨き1が入る**。初稿は `scene.html?…&v=0`。
- 書き出し: `mock/render-polish1.py`（2x・`--check` で主要要素の位置とはみ出しを表示）、`mock/compare-polish1.py`（シーン選択とトップの比較シートをまとめて作る）。

### 変えたこと
- **視線の帯（案A）**: 一覧を「● クリア済み 1／● つぎ／◌ まだ 3」の帯ラベルで区切る（区切り線の上にチップ、高さはほぼ食わない）。クリア行は金の細い縁、まだ行は点線の縁で薄く。
- **選中＝NEXT の強調**: 選んだ行の縁グローを強め、左にシアンの柱、サムネにもシアンの縁。NEXT 札に白い輪。打つひとこと欄にもうっすら光。
- **フレーズ見本の階層（A/B/C 共通）**: 日本語（Zen Maru Gothic 19px・白）→ ローマ字（Nunito 12.5px・シアン寄り）→ 繁中訳（Noto Sans TC 11px・薄）の3段。結果画面のミス対比と同じ読み順。
- **主ボタン先読み（A/B/C 共通）**: 上に「NEXT 02 · 列に並んで雑談」、下に「まずは「最後尾はここですか？」から」（繁中 UI は「先從「…」開始」。学習フレーズなので日本語のまま）。Enter 札はそのまま。
- **案A PC**: 未選択行はメタ（5フレーズ・約1分）を外して1行に、サムネを小さく。3段のフレーズが入っても一覧が主ボタンに潜らない。
- **スマホ圧縮（案A）**: 未選択行は名前と札だけ（サムネ 40×28）、まだ行は 62% の濃さ。パネル上端を 278px に下げ、舞台（3人と吹き出し）を広く。吹き出しは端で切れていない。
- **案B スタンプ帳**: クリア＝金の縁のマス＋スタンプ＋大きめのランク札＋「CLEAR · A」札。未プレイ＝点線のマス＋中身なしの点線の丸＋「まだ」札（番号も薄く）。選中は実線のシアンの丸。見出しに凡例（● クリア ◌ まだ）。
- **案C 会場ルート**: 選んだ提灯のマスに縁グロー、提灯自体にも灯りのにじみ。マスの下にシアンの▼を出して下パネルへつなぎ、下パネル見出しは「02 えらんだ提灯 · つぎの雑談」（番号札は提灯の番号と同じ色）。下パネルの縁も少し明るく。クリアは名前を金、まだは提灯と名前を薄く（帯を高くすると吹き出しが隠れるので、文字の札は足さない）。

### 書き出し（`png/`）
- `compare-scene-polish1.png` … まず見せる1枚（PC 3案＋スマホ 3案、案A おすすめ枠）
- `compare-scene-lang-polish1.png` … 案A の日本語／繁中
- `scene-{A,B,C}-ja-polish1--{desktop,mobile}.png`、`scene-A-zh-TW-polish1--{desktop,mobile}.png`
- いずれも 2x（PC 2560×1600＝論理 1280×800、スマホ 780×1688＝論理 390×844）

### 確認して直したこと
- 案A PC: フレーズを3段にしたら 05 行が主ボタンの裏に潜った → 未選択行を1行化。
- 案C PC: 提灯の下に状態札（クリア／まだ）を足したら帯が伸びて、吹き出しが帯の裏に隠れた → 札は外し、色の差だけに。

### 残課題
- 案B の選中マスは上の「NEXT」と下の「つぎ」が重なり気味。どちらかに寄せるか。
- 未プレイのシーンに鍵をかけるか（いまは全部選べる）。03〜05 の背景・見本フレーズは仮。
- 他スキン（A ロビー / B 旅）への反映は案が決まってから。

## 決定（2026-10-16）
- シーン選択は **案A「舞台＋リスト」（磨き1）で確定**。
- **鍵はかけない**。未プレイのシーンも全部選べるまま（帯ラベル「まだ」は状態を示すだけ）。
- 残り: 03〜05 の背景・見本フレーズは仮。他スキン（A ロビー / B 旅）への反映は後で。