啖呵売！昭和人情商店街
売って笑わせ、失敗して、最後は人情。
旅商人「風間まこと」となって露店で口上を切り、騒動を起こしたり収めたりしながら商売する、ブラウザで遊べる会話選択型ドタバタ喜劇です。昭和の露店商売と人情喜劇から着想を得たオリジナル作品で、登場人物・台詞・商店街はすべて創作です。
遊び方
index.html をブラウザで開くだけで遊べます（サーバー・ビルド・ログイン不要、PC／スマホ対応）。
- 全五幕。各幕に客や騒動が現れ、3つの口上から1つを選びます（数字キー 1〜3 でも選択可）。
- 口上の型：大風呂敷／機転／正直／お世辞／お助け
- 客ごとに好む口上・嫌う口上があり、相性で効果が変わります（好む：売上1.5倍＋笑い・人情ボーナス、嫌う：売上半分＋騒動）。
- 大風呂敷を2回続けると「調子に乗りすぎ」で騒動が上乗せされます。
- 勢い：笑いを取るとたまり（最大3）、大風呂敷の売上が「勢い×35%」伸びます。満タンで大風呂敷を切ると大騒動（騒動+15、勢いは0に）。正直・お助けに切り替えると「勢い×400円」を上乗せして勢いを手放します。
- 仕入れ：開店前に予算3,000円で品を3つまで選ぶ。品ごとに効く口上・相手・幕が違う（七色ハッカ飴＝大風呂敷の売上+20%、なんでも開けるくん＝機転の売上+25%、福招き猫＝正直・お助けの人情+4、万能ねじ回し＝職人・巡査相手の売上+40%、和紙のうちわ＝最後の幕の売上+30%、おもちゃの笛＝子ども・小春相手の笑い+6・人情+2）。選んだ品は次回も覚えておく。
- 旅に出る：タイトル画面の「旅に出る」で町一覧が開き、10 の町を順番に回る（日和町商店街 → 峠ノ茶屋宿 → 鶴見城下町 → 光明寺門前町 → 青葉台学生街 → 湯ノ沢温泉 → 雪見町の朝市 → 黒岩炭坑町 → 潮見港 → 凪島）。すべての町を巡ったらフィナーレで、旅全体の結末（5種：旅の大団円・騒動の渡り鳥・人情の旅路・名物旅商人・また次の旅へ）が決まる。町ごとに仕入れ直して5幕の商売をし、人情（評判）の半分と縁を次の町へ持ち越す。前の町で見た場面は出ない。旅の途中経過は町を終えるたびに保存され、タイトルに戻っても次は続きから再開できる（
tankabai.journey.v1）。Android 版では、順番の来ていない町もリワード広告を見れば旅に 1 回だけ鍵を開けて寄り道できる（商売したあとは元の町に戻り、その町は順番が来たらもう一度遊ぶ。寄り道は 3 幕。寄り道の売上は旅の合計・結末に入らない。寄り道した町に順番どおりに戻ると、前回を覚えている町の人との「再訪の場面」が出る）。商売した町は記録画面の「町めぐり」に残る（町ごとの最高売上つき）。タイトル画面の「商売を始める」は、いまいる町（旅で最後に商売した町。最初は日和町商店街）で 1 日の商売をする。タイトルの「〇〇の巻」もいまいる町になる。結末の種類と条件は同じだが、名前・称号・文章はその町に合わせた言い回しになる（例：凪島なら「凪島大騒動」「また明日、凪の海」）。日和町以外の 9 つの町には、それぞれ 5 つの町の場面と 2 人の町の人がいる。
- 常連帳：人物メモは最初はぼかしてあり、好きな口上・苦手な口上は分かりません。相性◎や×が出ると常連帳に書き込まれ、次から選択肢に「◎ 好み」「× 苦手」の印が付きます（記録画面でも確認できます）。
- 縁：口上の選択で縁が結ばれ、あとの幕に続きのイベントや効果が出ます（さよりの恩返し・苦情、銀二の助け舟・仕返し、健太の母親、源造の軒先）。最近のプレイで見た場面は出にくくなります。
- 売上・笑い・人情・騒動のバランスで、全5種の結末に分岐します。
ファイル構成
index.html 画面構造（タイトル／商売／結果、遊び方・記録ダイアログ）
styles.css 昭和紙芝居風デザイン（色・フォントは :root の CSS 変数に集約）
logic.js ゲームロジック（DOM非依存・Node でもテスト可能）
portrait.js 人物の立ち絵（SVG、4種の表情差分）を生成
audio.js 音楽・効果音（Web Audio API でその場で合成）
game.js 画面制御・演出・localStorage への記録・Android 向けの処理
i18n.js 表示言語（日本語 / 英語）の切り替えと画面の文言
ads.js Google AdMob 広告（Android アプリのみ）
ads-config.js 広告のモード（test / production。ビルド時に生成し直す）
build-info.js タイトル画面に出すバージョン（ビルド時に生成し直す）
icon.svg Web 版のアイコン（assets/ に Android 用のアイコン・起動画面の元画像）
data/characters.js 登場人物（性格・相性・外見）
data/events.js イベント10種（発生条件・会話・選択肢・効果量）
data/endings.js エンディング5種（判定順・条件・称号）
data/en.js 人物・イベント・結末の英訳（同じ ID で対応）
tests/ ロジックの自動テスト
android/ Android アプリのプロジェクト（Capacitor）
scripts/ Android に同梱する Web ファイルを www/ にまとめるスクリプト
シナリオを増やすときは data/ 内のファイルにデータを追加するだけで、ゲーム本体の変更は不要です。データは文章と数値のみで、コードとして実行されることはありません。
仕様の要点
| 項目 | 内容 |
|---|
| 初期値 | 売上0円・笑い10・人情30・騒動0・客数0 |
| 値の範囲 | 笑い・人情・騒動は0〜100、売上は0円未満にならない |
| 進行 | 全5幕。3幕目は中規模イベント、5幕目は最終イベントを優先して出題。同じイベントは1プレイで重複しない |
| 発生条件 | 例：「おかみさんの叱責」は騒動15以上のときだけ発生 |
| 客数 | 売上が出たら+1人、笑い15以上を取ったら見物人が集まり+2人 |
| 保存 | 最高売上・到達した結末・プレイ回数・最後の称号（保存できない環境でもゲームは続行） |
イベント一覧（98種類）
基本の10種類（E01〜E10）に加え、縁の続き4種類（E11〜E14）、追加の場面12種類（E15〜E26）、旅の町の場面45種類（潮見港 S、湯ノ沢温泉 Y、峠ノ茶屋宿 T、鶴見城下町 J、雪見町の朝市 W、光明寺門前町 M、黒岩炭坑町 K、青葉台学生街 A、凪島 N の各01〜05）、再訪の場面27種類（各町の R1〜R3。寄り道した町に戻ってきたときだけ出る）があります。1プレイで5種類が重複なく登場し、最近のプレイで見た場面は出にくくなります。
| ID | イベント名 | 相手 | 出る幕 |
|---|
| E01 | 値切り名人 | 松子 | 1・2・4幕 |
| E02 | 大げさな実演 | 小春 | 1・2・4幕 |
| E03 | 商品の故障 | 見物の衆 | 3幕 |
| E04 | ライバル商人 | 銀二 | 1・2・4幕 |
| E05 | 子どもの質問 | 健太 | 1・2・4幕 |
| E06 | 頑固な職人 | 大野源造 | 3幕 |
| E07 | おかみさんの叱責（騒動15以上） | 花村とき | 3幕 |
| E08 | 困った旅行者 | さより | 1・2・4幕 |
| E09 | 突然の雨 | 見物の衆 | 5幕 |
| E10 | 閉店間際の客 | 健太 | 5幕 |
| E11 | 恩返しの参拝客（さよりを助けた縁） | さより | 5幕 |
| E12 | 行き止まりの苦情（さよりをだました縁） | 花村とき | 2・4幕 |
| E13 | 銀二の助け舟（銀二と掛け合った縁） | 銀二 | 5幕 |
| E14 | 銀二の仕返し（銀二と張り合った縁） | 銀二 | 2・4幕 |
| E15 | 巡査の見回り | 田村巡査 | 1・2・4幕 |
| E16 | 冷やかし客 | 慎二 | 1・2・4幕 |
| E17 | お梅ばあさんの昔話 | お梅ばあさん | 1・2・4幕 |
| E18 | 回覧板で宣伝 | 小春 | 1・2・4幕 |
| E19 | 色が変わらない飴 | 松子 | 1・2・4幕 |
| E20 | 子どもたちの行列 | 健太 | 1・2・4幕 |
| E21 | 品物の取り違え | 見物の衆 | 3幕 |
| E22 | 源造の頼みごと | 大野源造 | 3幕 |
| E23 | 夏祭りの準備 | 花村とき | 3幕 |
| E24 | 町内会の大口注文 | 松子 | 5幕 |
| E25 | 迷子の子 | 見物の衆 | 5幕 |
| E26 | 飛び入り口上大会 | 花村とき | 5幕 |
エンディング判定（上から順に判定）
| 順 | 条件 | 結末 |
|---|
| 1 | 騒動85以上 | 商店街大騒動 |
| 2 | 人情75以上 | 人情の旅人 |
| 3 | 売上8,000円以上 かつ 笑い60以上 | 露店の大繁盛 |
| 4 | 笑い70以上 | 笑いの名人 |
| 5 | 上記以外 | また明日、旅の空 |
英語対応
日本語と英語で遊べます。端末の言語が日本語なら日本語、それ以外は英語で始まり、タイトル画面の「日本語 / English」で切り替えられます（選んだ言語は保存されます）。
- 画面の文言は
i18n.js、人物・イベント・結末の文章は data/en.js にあります。英訳がない項目は日本語のまま表示されます
- 英語版のタイトルは「Tankabai! Showa Shopping Street」、通貨は「¥1,500」の形式です
- シェア文も表示中の言語で作ります（英語のハッシュタグは「#Tankabai」）。プライバシーポリシーは英語版のページ（https://techgym.jp/privacy-policy-en/）を開きます
- Android の端末が英語のときは、ホーム画面のアプリ名も「Tankabai!」になります
- テストで、日英の文言のキーがそろっていること、すべての人物・イベント・選択肢・結末に英訳があること、英訳に日本語が残っていないことを確かめています
結果のシェア
結果画面の「結果をシェアする」から、X・Facebook・LINE への投稿と URL のコピーができます。スマホなど Web Share API に対応した端末では「シェア」ボタンも表示され、端末の共有メニューを開きます。
音楽・効果音
音声ファイルは使わず、audio.js がブラウザ内で三味線風の撥音・太鼓・拍子木・鈴などを合成して鳴らします。旋律はヨナ抜き音階によるオリジナルです。
| 場面 | 音 |
|---|
| タイトル・商売中 | にぎやかな商店街の BGM（騒動70以上でテンポが上がる） |
| 商売開始 | 太鼓三つ＋拍子木 |
| 大ウケ・毎度あり | 拍子木＋駆け上がる三味線 |
| 人情 | 鈴の音 |
| 大失敗・調子に乗りすぎ | 太鼓＋すべり落ちる音 |
| 売上 | 小銭の音 |
| 次の幕へ | 拍子木「チョン、チョン」 |
| 結末 | だんだん速くなる拍子木で幕引き、しみじみした BGM |
- ブラウザの自動再生制限に従い、最初のクリックやキー入力から鳴り始めます。
- タイトル画面で「音楽」「効果音」を個別に、商売中は右上の 🔊 ボタンでまとめて消せます（設定は保存されます）。
- タブを切り替えている間は音を止めます。Web Audio に対応しないブラウザでは、音なしでそのまま遊べます。
アクセシビリティ
- 結果は色だけでなく文字・記号（▲▼、スタンプ文字）でも表示
- キーボード操作（Tab／Enter、数字キーで口上選択）、結果の読み上げ用ライブリージョン
- OS の「視差効果を減らす」設定、またはタイトル画面の「演出を控えめにする」で集中線・揺れなどを抑制
Android 版（Google Play 配布用）
Capacitor 8 でゲームのファイルをアプリ内に同梱しているため、ネットにつながっていなくても遊べます。
- 縦画面固定・全画面表示（システムバーを隠す）、プレイ中は画面が暗くならない
- Android の戻るボタン：ダイアログを閉じる／商売中は確認してタイトルへ／タイトル・結果画面ではアプリを終了
- 別のアプリに切り替えると音が止まる
- 「📤 シェア」は Android の共有メニューから LINE や X などを選べる
- 数字キーの案内は出さない
- タイトル画面にビルド番号・プライバシーポリシー・（EU など必要な地域だけ）「広告の設定」を表示
This is the beginning of the README. Read the rest at the original. Read the full README ↗
