Nürburgring Drive - Fable 5で作ったWebベースのドライビングゲーム
(drive-game.pages.dev)Webブラウザでそのまま遊べる、ニュルブルクリンクの一人称ドライビングゲームを作りました。インストール不要ですぐに運転できます。
モバイルでは横画面にするとフルスクリーンでプレイできます。
url: https://drive-game.pages.dev
GitHub: https://github.com/esc5221/drive-game
slowroads.io のようなゲームが好きなのですが、もう少し実際のサーキットと本物のクルマに寄せた、レーシングDNAのあるバージョンがあればいいなと思って作りました。アーケード寄りではなくシム寄りを目指しているので、思ったより難しいかもしれませんが、キーボードでレーシングゲームを遊んだことがある方なら十分楽しめるはずです。
動作するバージョンのコードは Claude Fable 5 がすべて書き、その後は機能修正やチューニング、感覚を合わせる部分だけ手を入れました。1行のプロンプトでゲームをさっと作るのが流行っていますが、物理やサウンドのように手がかかる部分をAIでどこまで掘り下げられるのか気になって、そこに集中しました。
作る中でうまくいった方法は、「それっぽく」ではなく、測定可能な目標と検証方法を一緒に与えることでした。
- 物理: 車ごとに実際の0-100km/h加速・最高速度を与え、方程式で逆算させたうえで、ヘッドレステストで計測しながら数値が合うまで反復
- サウンド: 実際のオンボード録音をスペクトログラムで分析し、合成音をオフラインレンダリングして同じ方法でA/B比較しながらパラメータを調整
技術要約:
- 車両物理は独自実装(ゲームエンジン不使用): 240Hz固定ステップ剛体、レイキャストサスペンション、Pacejka複合スリップタイヤ、クラッチローンチモデル、空力、路面別・天候別グリップ、TC/ABS
- 車種は5台(Avante N、992 GT3 / GT3 RS、カート、F1)で、それぞれ実際の0-100km/h加速・最高速度に合わせてチューニング
- エンジン音は録音サンプルではなく合成(AudioWorklet)— エンジン・排気・変速・タイヤ・ブレーキなどをすべて個別にオン/オフできるレイヤー構成
- トラックは実際の OpenStreetMap (OSM) ジオメトリ — 20.7kmのノルトシュライフェ + Spa + 練習サーキット、SRTM標高
- レンダリングは Three.js、単一コードベースでWeb(Vite)+ Android(Capacitor)
このゲームを作った全セッションもそのまま公開しています。Fable と最初からやり取りした会話を見ることができ、韓国語の原文には英語トグルも付いています。途中を見ると、Fable モデルに制限があって、その後は Opus を使っている様子も分かります。
https://drive-game.pages.dev/making
このレベルのクオリティをAIモデルが短時間で実装してくれるのはこれまで見たことがありませんでしたが、確かに Fable は体感的にもかなり良かったと思います.
まだコメントはありません。