首都高グランプリ

首都高速をフォーミュラマシンで駆け抜ける、ブラウザで遊べる 3D レースゲームです（three.js）。 最初のコースは 高井戸IC → 4号新宿線 → 三宅坂JCT → C1都心環状線（内回り）霞が関 → 谷町JCT → 3号渋谷線 → 用賀（約26km）。 12台のマシンがドライバー目線で全開バトルします。

遊び方

操作	キーボード	スマホ
アクセル	↑ / W / Space / Z	ACCEL ボタン
ブレーキ	↓ / S / X	BRAKE ボタン
ハンドル	← → / A D	◀ ▶ ボタン
一時停止	P / Esc	❚❚ ボタン
ERS（末脚）	Shift / E / C	ERS ボタン
消音	M	🔊 ボタン

• タイトル画面でドライバー名を付けられる（順位表と結果に出る）。マシンの脚質・戦績・ベストタイムは名前ごとに保存され、別の名前にすると新しいマシンになる
• 最後尾（12番グリッド）からスタート。5つの赤いスタートシグナルが消えたらスタート
• ERS（末脚）: Shift / E（スマホは ERS ボタン）を押している間、最高速と加速が上がる。風よけ（スリップストリーム）とブレーキで溜まる
• 先頭の重圧: トップに立って2.5秒たつと、先頭は風よけがないので12秒間ペースダウンして後続に抜かれる（ゴール前500mからは起きない）。 自分がトップの間は後続も本気で追い上げてくる。2〜3番手で溜めて、ゴール間際で差すのが基本の作戦
• 追い上げブースト: 順位が下のときほど最高速と加速が少し上がる（最下位で +8%）
• スリップストリーム: 前の車の真後ろにつくと速度が伸び、ERS も溜まる
• 抜きつ抜かれつ: ライバルはカーブでも減速しない。自分より後ろの車は一律に最高速360km/h以上。さらに後ろ300m以内の車は自分の速度を目安に追いかけてくる（トップの時は自分より6%以上速く）
• 後続の奥の手（オーバーテイクモード）: トップに立つと、すぐ後ろの車が ERS を全開にして（テールが青く光る）7秒間ぐっと速くなり、狭い隙間にもねじ込んで抜きに来る。横から当たると自分のほうが押し出される。次の奥の手までは12秒あく
• 2車線の真ん中を走って道をふさいでも、ライバルは隙間に飛び込み、車体をこすって火花を散らしながら抜いていく（当たり判定の幅は1.6m）

脚質（ダービージョッキー方式）

ダービージョッキー の脚質の考え方をフォーミュラマシンのレースに置き換えています。 マシンの脚質は最初にランダムで決まり、隠れていて、走りながら見抜きます（テスト用に index.html?debug&style=sashi のように開くと脚質を指定できます）。 マシンには「走っていて心地よい順位」があり、そこで走ると ERS がよく溜まり、前に出すぎるとマシンが熱を持って回生できず ERS が減っていきます。

脚質	心地よい位置	特徴	先頭の重圧
逃げ	先頭	最高速・加速・コーナーが強い。ERS は短い	−5%
先行	2〜4番手	前の集団で風よけを使い、残り1kmで抜け出す	−10%
差し	5〜8番手	中団で ERS を溜めてゴール前で差す	−12%
追込	9〜12番手	最高速は控えめだが ERS が大容量。最後の直線でまくる	−14%

• 見抜く手がかりは、レース中のチーム無線（「前に出すぎだ! マシンが熱を持って…」など）と、レース後のチーフエンジニアのコメント。1位になると脚質が判明する（ドライバー名ごとにブラウザに保存）
• レース後のコメント例: 「ゴールしても ERS がたっぷり残っていた。仕掛けが遅かった」「ゴールまで2.3kmで ERS を使い切った。仕掛けが早すぎた」
• 三宅坂JCT・谷町JCT の急カーブは速すぎると外へ滑って壁に当たる。壁に当たると速度が15〜40%落ち、こすり続けると大きく減速するので、ブレーキで減速して曲がる
• 順位表と「後続」の秒差は、各車がコースの同じ地点を通った時刻の差（実際のレースと同じ測り方）
• ぶつかっても壊れない。火花・カーボンの破片・タイヤスモーク・画面の揺れとフラッシュ・衝撃音・スロー演出のあと、失速やスピンをしてそのまま走り続ける
• 時間帯は「昼」「夕暮れ」「夜」から選べる（夜は自車のヘッドライト、ライバル車のテールランプ、窓明かり・照明灯・航空障害灯）
• ベストタイムはブラウザに保存
• 結果画面の「シェアする」でスマホは端末の共有メニュー、パソコンは X の投稿画面を開く（「結果をコピー」で文章をコピー）。共有文には紹介記事の URL（https://techgym.jp/column/claude-code-game-shutoko/ 。js/main.js の SHARE_URL）が付く

加速感の作り方（酷道168 を参考）

• 加速は「速度が上がるほど弱くなる」カーブ（0→100km/h 約2.5秒、最高 340km/h）
• 速度が上がるほど視野角が広がり（ズームアウト）、画面の周りに集中線、細かい車体の振動
• 照明柱・橋脚・遮音壁の支柱・キロポストが一定間隔で流れ、速さが体で分かる
• エンジン音は回転数とギア（8速）で変化し、シフトアップの音、風切り音、近くのライバル車のエンジン音（左右の定位つき）

再現している景色

道路の線は OpenStreetMap の首都高（4号・C1・3号と三宅坂JCT・谷町JCT のランプ）を一方通行どおりにつないだ実際の経路で、橋・トンネルの区間と高さ（layer）から高架・地下の高さを決めています。 沿道のビルは 国土交通省 PLATEAU の3D都市モデル（東京都23区）の実際の輪郭と高さ（コース沿い約4.8万棟）で、道路にかかる建物だけ除いています。 道路は片側2車線（車線幅3.5m）、壁高欄・遮音壁・中央分離帯の照明柱・対向車線、首都高の緑の案内標識（出口・JCT の 1km / 500m 予告）を置いています。

区間	主な景色
高井戸〜永福	環八との交差、杉並清掃工場の煙突、甲州街道の上の高架と遮音壁
幡ヶ谷〜初台〜西新宿JCT	東京オペラシティ、新宿パークタワー、東京都庁、コクーンタワー
新宿〜代々木〜外苑	タカシマヤ タイムズスクエア、NTTドコモ代々木ビル、新宿御苑、東京体育館、国立競技場、明治神宮野球場、聖徳記念絵画館と銀杏並木、右手に明治記念館
信濃町〜三宅坂	迎賓館赤坂離宮、赤坂御用地の下のトンネル、弁慶濠、左手にホテルニューオータニと東京ガーデンテラス紀尾井町、プルデンシャルタワー、左手にテックジム東京本校（永田町4番出口。千代田区平河町2-7-2 VORT永田町 6F。屋上の鉄塔の上の看板、高さ約520m・直径約140mのアドバルーン（外苑あたりから見える）、首都高の左側の広告看板2枚）、最高裁判所、国立劇場、国会議事堂
C1 霞が関	三宅坂JCT から地下へ。霞が関の官庁街、霞が関ビル、虎ノ門ヒルズ
谷町JCT〜六本木〜渋谷	アークヒルズ、東京タワー、東京ミッドタウン、国立新美術館、テレビ朝日、六本木ヒルズ森タワー、青山霊園、渋谷スクランブルスクエア、ヒカリエ、SHIBUYA109、セルリアンタワー
池尻〜三軒茶屋〜用賀	キャロットタワー、駒沢オリンピック公園の記念塔、世田谷ビジネススクエア、晴れた日は正面に富士山

沿道の名所に近づくと、画面の上に「左手に 国立競技場」のように案内が出ます（第1コースは34か所、ほかのコースも5〜15か所。トンネルの中の名所は出入口で案内）。 遠くには東京スカイツリーと富士山も見えます。ビルにはタイル・ガラスの色と窓を付け、屋上には（架空の）広告看板や給水塔、公園の木には10月らしく銀杏の黄色と紅葉の赤を混ぜています。 PLATEAU では箱になってしまう特徴的な建物（迎賓館・明治記念館・絵画館・国会議事堂・国立競技場・神宮球場・東京タワー・SHIBUYA109・東京ビッグサイト・テックジム）は手作りのモデルに置き換え、ホテルニューオータニの青いラウンジやキャロットタワーの橙の屋上は、PLATEAU のビルの屋上に飾りを付けています。

レインボーブリッジ（3・4・16番のコース）は、白い2本の主塔の間を主ケーブルが放物線で垂れ下がり、ハンガーロープで路面を吊る吊り橋です。上の段が首都高、下の段が一般道とゆりかもめの2階建てで、両わきを白いトラスでつないでいます。 夜は主ケーブルが虹色に光り、塔の頂上に赤い航空障害灯が灯ります。ゆりかもめ（6両）は芝浦ふ頭から橋の下の段を通って、お台場海浜公園・台場の高架を行き来します。お台場にはフジテレビ本社ビル（球体展望室）と自由の女神像があります。

ルート（タイトル画面で選ぶ。準備中のものは「準備中」と表示）

1. 高井戸 → 霞が関 → 用賀（遊べる）… 4号新宿線・C1内回り・3号渋谷線
2. C1 都心環状線 一周（遊べる・内回り13.8km）… 芝公園スタート → 浜崎橋JCT → 汐留 → 銀座の掘割 → 宝町 → 江戸橋JCT → 神田橋 → 竹橋JCT → 北の丸・代官町（皇居のお濠沿い）→ 三宅坂JCT → 霞が関のトンネル → 谷町JCT → 一ノ橋JCT → 芝公園ゴール。急カーブとトンネルが続くテクニカルコース
3. レインボーブリッジ ＆ 湾岸線（遊べる・9.6km）… 芝浦JCT → 海の上の高さ約50mのレインボーブリッジ（白い主塔の間を抜ける）→ 台場 → 有明JCT → 湾岸線 西行き → 海の下の東京港トンネル → 大井JCT → 東海JCT。夜景がおすすめ
4. レインボーブリッジ 都心行き（遊べる・10.2km）… 辰巳 → 有明JCT → 台場 → レインボーブリッジ（壁が低く海と街が見える）→ 芝浦 → 浜崎橋JCT → C1 外回り（東京タワーの横）→ 一ノ橋JCT → 飯倉。夕暮れは正面に夕日と富士山
5. 山手トンネル 地下バトル（遊べる・20.7km）… C2 中央環状線 大井JCT → 大橋JCT → 西新宿JCT → 中野長者橋 → 西池袋 → 熊野町JCT。約18km がトンネル（大橋JCT の二重ループはランプなので走らない）
6. 向島線 スカイツリー（遊べる・8.4km）… 江戸橋JCT → 箱崎JCT → 両国（国技館）→ 駒形 → 隅田川沿い → 向島。全区間高架、正面にスカイツリー
7. 1号羽田線 運河ストレート（遊べる・12.7km）… 羽田 → 空港西 → 平和島 → 鈴ヶ森 → 芝浦の運河沿い → 浜崎橋JCT。羽田へ降りる飛行機が道路の上を横切る
8. 5号池袋線 サンシャイン（遊べる・15.8km）… 竹橋JCT → 西神田 → 飯田橋 → 江戸川橋 → 護国寺 → 東池袋（サンシャイン60）→ 北池袋 → 熊野町JCT → 板橋JCT → 中台 → 高島平。川の上をくねくね北上してから長い直線
9. 湾岸線 東行き 海底トンネル（遊べる・11.8km）… 大井JCT → 海の下の東京港トンネル → 臨海副都心 → 有明JCT → 東雲JCT → 辰巳JCT → 新木場 → 葛西JCT。ビッグサイトと葛西臨海公園の大観覧車
10. 2号目黒線 タワー下り（遊べる・8.2km）… 霞が関 → 谷町JCT → 飯倉（東京タワー）→ 一ノ橋JCT → 天現寺 → 目黒 → 戸越。カーブの多い短距離スプリント
11. C2 荒川リバーサイド（遊べる・15.2km）… 熊野町JCT → 板橋JCT → 王子（飛鳥山トンネル）→ 江北JCT → 荒川沿いの高架 → 小菅JCT → 堀切JCT → 四つ木。正面にスカイツリー。荒川沿いは壁を低い縁石と手すりにして、隅田川・荒川の水面と河川敷が見える
12. 7号小松川線 竪川ストレート（遊べる・10.1km）… 江戸橋JCT → 箱崎JCT → 両国JCT → 錦糸町 → 竪川の上 → 荒川・中川 → 小松川 → 一之江。左手にスカイツリー
13. 9号深川線 木場から湾岸へ（遊べる・10.7km）… 江戸橋JCT → 箱崎JCT → 隅田川 → 福住 → 木場 → 塩浜 → 辰巳JCT → 湾岸線 東行き → 新木場 → 葛西JCT。正面に葛西臨海公園の大観覧車
14. C2 荒川・中川 土手ストレート（遊べる・12.1km）… 葛西JCT → 清新町 → 船堀橋 → 小松川JCT → 平井大橋 → 四つ木 → 堀切JCT。荒川と中川にはさまれた土手の上の直線。壁を低い縁石と手すりにして、両側の川が見える
15. 3号渋谷線 上り 都心へ（遊べる・12.5km）… 用賀 → 三軒茶屋 → 大橋JCT → 渋谷 → 高樹町 → 六本木 → 谷町JCT → 霞が関。コース1の後半を逆向きに、テックジムの看板と東京タワーへ向かう
16. お台場ぐるり レインボーブリッジ（遊べる・13.8km）… 汐留 → 浜崎橋JCT → 芝浦JCT → レインボーブリッジ → 台場 → 有明JCT → 湾岸線 東行き → 辰巳JCT → 9号深川線 → 木場 → 箱崎JCT → 江戸橋JCT。橋・海・運河を一度に走る

This is the beginning of the README. Read the rest at the original. Read the full README ↗