Prefix D
ブラウザ向け3Dドライビングゲーム「Prefix D」（個人開発）。
自分で運転して街を走るほか、タイムアタック・NPC対戦・オンラインで友だちと走れる。
遊び方
画面の流れ
起動するとタイトル画面から始まる。どれかのキーを押す（スマホはタップ）とトップメニューになり、プレイモード（自由に走る・タイムアタック・NPCと対戦・ライバルとバトル・オンライン）を選んで、コース・対戦相手・ルール・自分の車・時間帯と天気を1画面ずつ選び、最後に「スタート」。左に一覧、右に選んでいるものの詳しい説明が出る（コースは上から見た形・高低差のグラフ・全長・最大勾配・道幅・おすすめの車、車は回る車の見た目と性能、ライバルは写真・ひとこと紹介・強さ・マシン）。走っている間は Esc（スマホは ☰）でメニュー画面を開き、「タイトルに戻る」で最初のタイトル画面へ戻れる。スマホは ☰ をもう一度押すと走りに戻る。レース中はメニュー画面の「コース・車などを変える」とゴールの画面の「コース・車など」で、同じモードのまま、そのモードの選ぶ画面（ライバルとバトルなら対戦相手・ルール・コース・車・時間帯と天気、NPCと対戦なら NPC の強さも）をもう一度たどって選び直せる。どの画面もいまの内容が選ばれた状態で始まるので、変えたいところだけ変えればよい（タイトルに戻らなくてよい）。自由に走っている間も、メニュー画面の「コース・車などを変える」でコース・車・時間帯と天気を選び直せる。タイトル画面の後ろには、峠・首都高のどれか（毎回変わる。練習用のコースと、作るのに時間のかかる超ロング・八方ヶ原・いろは坂は除く）が映る。?map=3 のようにマップを指定して開いたときは、タイトルを飛ばしてすぐ走れる。
運転
| キー | ゲームパッド | 操作 |
|---|
W / ↑ | RT（または A） | アクセル |
S / ↓ / Space | LT | ブレーキ（停止中に押し続けると後退） |
A D / ← → | 左スティック | ハンドル |
キーボードのハンドルは、軽く叩くと少しだけ切れ、押し続けるほど深く切れる（0.25秒で目いっぱい）。細かい修正がしやすい。さらに最初は「速さに合わせる」で、押し続けても、その速さ（とブレーキ）でタイヤが曲がれる限界の角度の 1.2 倍までしか切らない（keySteerLimit。低速のヘアピンでは目いっぱい切れる）。キーは押す・離すしかないので、そのままだと高速で少し押しただけで限界を大きく超えてアンダーステアになるため。軽く叩けば限界の内側、押し続ければほんの少しアンダー。☰ メニューの設定「キーのハンドル」で 速さに合わせる／なめらか（限界を気にせず深く切れる）／すぐ全開（押した瞬間から目いっぱい）を選ぶ（src/core/input.ts）。コントローラー・スマホは自分で切る量を決められるので、そのまま。
速度の上に、ハンドルのメーターを出す（設定の「ハンドルの表示」で消せる）。いまの切れ角（「左 12%」。目いっぱいが 100%）と、その速さで曲がれる限界の帯（緑）を出し、はっきりアンダーステアになっている間はバーと文字がオレンジになる。高速では限界がとても小さい（標準の車で 60 km/h なら目いっぱいの 12%、90 km/h なら 6%）ので、小さな角度ほど目盛りを広げている（平方根の目盛り。src/ui/steerMeter.ts）。
タイムアタック
T（またはトップメニューの「タイムアタック」）で、スタートラインの手前に並ぶ。アクセルを踏むとカウントダウンが始まり、タイムを計る（自分のタイミングでスタートできる）。レース用のマップにいればそのコース、それ以外なら首都高へ移動する。走っている間は N でコースを替えられる。
| コース | 内容 |
|---|
| 首都高（都心環状線） | 都心環状線のようなオリジナルの首都高（一周 約4.5km）。実際の道の形のデータは使わず、名所の並び（内回り）をなぞった。高架の2車線で両側は壁。長い直線はなく、京橋から日本橋川の上へ出て江戸橋 JCT のきつい左、神田橋〜竹橋の S 字、北の丸の下の千代田トンネル、三宅坂〜霞が関の中速コーナー、谷町 JCT のきつい左、一ノ橋〜芝公園、浜崎橋 JCT のきつい左と汐留の S 字を通って京橋に戻る。1周 |
| 峠（ヒルクライム） | ふもとから頂上まで 150m 上る一本道（約2km）。半径 150m の高速コーナー、S 字、3つのヘアピンが混じる。坂で加速が鈍る |
| 峠（ダウンヒル） | 同じ峠を頂上から下る。スピードが乗るので早めのブレーキが大事 |
| 峠（山越え） | 100m あまり上って峠を越え、反対側へ下る（約2.1km）。頂上は見通しのよい高速の左右 |
| 峠（Uターン） | 谷沿いに上り、頂上のヘアピンで折り返して 38m 横を並んで下る（約2.2km）。行きの高速コーナーは帰りの低速コーナーになる。ゴールはスタートのそば |
| いろは坂（ヒルクライム） | 第二いろは坂（上り専用・約9.4km・高低差 440m・20 カーブ）。馬返から、谷沿いの緩い上りの高速区間を抜け、斜面に取り付いて 12 個のヘアピンを積み重ねて上り（ヘアピンの間も、ヘアピンのすぐ前後の短い直線のほかは左右にうねり続けるスネークヘアピン。木が道路のすぐ脇まで茂り、山側は道路のすぐ脇から岩の崖が立っていて見通しが悪い）、明智平の先のトンネルを抜けて中禅寺湖のそばの頂上へ。2 車線の一方通行で道幅は広い。上りも下りも、実際の道の形のデータではなく、全長・カーブの数・高低差と区間の並びを実際に合わせている |
| いろは坂（ダウンヒル） | 第一いろは坂（下り専用・約6.5km・高低差 440m・28 カーブ）。頂上の剣ヶ峰付近の中速の左右から、上側のつづら折り（ヘアピン 9 個）、斜面のトラバース、下側のつづら折り（ヘアピン 8 個）を下って馬返へ。ヘアピンの間も、ヘアピンのすぐ前後の短い直線のほかは左右にうねり続けるスネークヘアピン。木が道路のすぐ脇まで茂り、山側（すぐ上を一つ前の区間が通る側）は道路のすぐ脇から山を切り開いた岩の崖が立っていて見通しが悪い。崖にはぶつかる（落ちない）。馬返の手前の最後は、谷を橋で渡る。ヘアピンの内側を突っ切って、段差から下の道路へ飛び降りる近道（下記）がある |
| 激坂（ヒルクライム） | 約1.4km で 230m 上る急坂（平均 17%）。きついヘアピンが 3 つ。パワーのない車は伸びなくなる |
| 激坂（ダウンヒル） | 同じ激坂を下る。ブレーキが遅れるとコーナーで止まりきれない |
| 峠（ロング） | 上りと下りを何度もくり返す約2.9kmの長いコース。高速コーナーとヘアピンが交互に来る |
| 峠（超ロング） | 上りと下りをくり返す約6.2kmのいちばん長いコース |
| ロングストレート（ヒルクライム / ダウンヒル） | 峠の途中に、まっすぐな 800m のロングストレートと、ごく僅かに左右へくねる 650m のロングストレートがある。前後と間はふつうの峠のコーナー（約2.9km、高低差 170m） |
| 橋とトンネルの峠（ヒルクライム / ダウンヒル） | 約4.8km の峠。コーナーの続く区間の途中で 3 回谷を橋で渡り、短いトンネル（90m）と長いトンネル（360m）を抜ける（高低差 230m） |
| 八方ヶ原風の峠（往復） | 4つのセクションに分かれた峠（道路 3.5km）を往復する（約6.8km）。第1は道幅が狭く木が茂って見通しの悪い古い道、第2は拡幅工事を終えた新設の広い道（真新しい舗装と白線、両側に白いガードレール、削った山の斜面は吹き付けたばかりのコンクリート）だが、路面が荒れていて車が跳ねる。ハイポイントコーナーの先の第3はきついダウンヒルで、高さ 55m の谷に架かる大きな橋を渡ると、第4はきついヒルクライム（道幅 10m で、追い抜きやすい）。330° 回り込むループ橋、カーブの途中の 240m のトンネルを抜け、上り切った先の平らな道を少し走って頂上の広場で U ターンし、同じ道を戻ってきてスタートラインがゴール |
| 秋名（ダウンヒル） | 秋名（榛名山）のダウンヒル（約4.3km・高低差 330m）。実際の道の形のデータではなく、原作・アニメ・アーケードで知られる区間の並びを再現: 緩い下りから中速の左右、長い下りのストレートの先の最初のヘアピン、連続コーナー、スケートセンター前のいちばん長い直線、左右交互の5連続ヘアピン、S字、最後の直線。ヘアピンなどのカーブの内側の路肩には側溝があり、内側のタイヤを落とす（車体の中心を道路の端から 0.2〜0.8m 内側まで寄せる）と溝の壁に引っかかって、横に滑らずに曲がれる力が 4割増える（溝落とし。車体が内側に傾いてゴトゴト揺れる）。コースは src/map/maps.ts の AKINA_DOWN_MAP、溝は RoadPiece.gutter |
| 妙義（ヒルクライム） |
- 走っている間は、これまでの周回タイム（自己ベストの同じ周との差）と、右上に地図（自分は赤、ゴーストは水色）を出す。地図は自由に走る・オンラインの部屋でも出る（街・教習所は道路のつながりを描く。部屋の他の人の位置も出る）。地図の出し方は設定の「マップ」で選ぶ: 周辺・回転（最初はこれ。アーケードのように自分の周り 460m 四方だけを、進む向きが上になるよう回して出す。自分は少し下寄りで前が広く見える）／周辺・北が上（回さずに自分を真ん中に）／全体（コース全体）。
- 峠の高低差は見た目と坂の重力だけで、衝突の計算は平らなまま（
src/map/terrain.ts）。
- いろは坂（ダウンヒル）では、ヘアピンの内側（行きと帰りの道路にはさまれた所）がコンクリートの面になっている（いろは坂の「インベタのさらにインベタ」）。コーナーの手前で内側へ飛び込めば、道路よりずっと小さく回れる。面は上の道路の高さから下っていき、下の道路の縁で段差（最大 2.5m）になって終わるので、段差から飛び降りると真下が下の道路。面の上は落ちず、コースアウトにもならない（周回も進む）。浮いている間はハンドルもアクセルも効かないので、向きを決めてから飛ぶ。面の外側は崖（
src/map/roadShortcuts.ts。180° の円弧の前後が直線のヘアピンを探して帯を作る）。
- 峠では、道路の外は少しの路肩の先が崖（岩肌の色の斜面）になっている。路肩より外へ出ると「コースアウト！」と出て落ち、1 秒ほどで落ちた地点の少し手前に止まった状態で戻される（その間もタイムは進む）。カーブの外側にはガードレールがある。NPC も同じ。
- 峠の橋は深い谷（底に川）に架かり、トンネルは山の中を抜ける。橋の上とトンネルの中は両側が壁で、落ちることはない。地図の記号は
=（橋）・~（川）・#（トンネル）。
- 練習用の小さな街と教習所コースを除くすべてのコースは、タイルではなく直線と円弧をつないだ中心線で道路を描く（
src/map/road.ts）。タイルのコースのように「90° 曲がって直線」をくり返すのではなく、半径（大きいほど速く回れる）と曲がる角度を区間ごとに決めるので、半径 200m の高速コーナーから半径 16m のヘアピンまで、なめらかな円のカーブになる。周回のコースは最後の直線・円弧・直線を計算して始まりにつなぎ（closeLoop）、ダウンヒルは上りの道路を逆向きにたどる（reverseRoad）。峠（Uターン）の帰り道は、行きの道を横へずらした道を逆向きにたどる（alongside。内側になるカーブは半径が小さくなる）。区間ごとに高さ・道幅・橋・トンネル・荒れた路面を指定でき、道路が自分の上を越える立体交差も作れる。衝突の計算は平らなままなので、立体交差では上の道路と下の道路の壁を別の層に分け、車はいま走っている道の層の壁と車にだけぶつかる。どちらの道にいるかは、直前にいたコース上の位置から近くだけを探して追う（src/race/roadCourse.ts）。往復のコースでも、行きと帰りを向きで見分ける。
- 荒れた路面は、舗装全体がゆるく波打っている（継ぎ目だけの段差ではない）。波の高さは ±3.5cm、長さ 14m と 30m の波を重ねてあり、180km/h くらいまでは揺すられるだけだが、それより速いと波の頂上で少し浮く（浮いている間はタイヤが効かない）。
This is the beginning of the README. Read the rest at the original. Read the full README ↗
