3DPrompt.
GitHub
ライブラリに戻る
GPT-6 Astra参考用の制作指示

Spline Rush:プロシージャル生成ブラウザーレーシングゲーム

トラック、AI対戦相手、物理演算、グラフィックスプリセット、合成音声を備えたプロシージャル生成のThree.js製ブラウザーレーシングゲーム「Spline Rush」を作成するため、ルート作成者の認証済みコメントに記載されたプロンプトの全文です。

作者 Maharajahu🪢元の出典を見る
Spline Rush:プロシージャル生成ブラウザーレーシングゲーム

この作例について

作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。

Three.jsWebGPUブラウザーレーシングゲームプロシージャル生成レーシングトラックAI対戦相手車両物理演算Web Audio

プロンプト

最新のThree.js(可能な限りWebGPURenderer + TSL)を使用して、完成度の高いプロダクション品質のブラウザーレーシングゲーム「Spline Rush」を構築してください。100%プロシージャル生成とし、外部のモデル、テクスチャ、音声ファイル、フォントは使用しないでください。すべてを実行時にコードで生成します。 コアゲーム - 高低差、バンク、トンネル、ヘアピン、名称付きコーナーを備え、異なるバイオーム(海岸の日中、山の夕暮れ、砂漠の日没、雨の森、ネオンが輝く夜の都市、高速オーバル)で構成された、個性の異なる6つのトラック。 - チャンピオンシップモード(予選 + 3レース)、ゴースト付きタイムトライアル、クイックレース。 - 個性、レーシングライン、ブレーキングポイント、追い抜き、ブロックを備えた8台のAI対戦車。 - ベストラップ記録、セクタータイム、ライブイベントフィード、リプレイカメラ。 - ガレージ:クリアコート + メタリックフレーク塗装、パネルの隙間、動作するライト、アニメーションするサスペンション、ダメージ状態を備えたパラメトリックカー5台。 グラフィックス目標(Ultra、4KでRTX 5090にふさわしい品質) レンダラー:THREE.WebGPURenderer。物理ベースのレンダリングパイプライン。 ライティング: - レイリー散乱/Mie散乱に基づく物理ベースの空、星空、月、そして完全な昼夜サイクルを駆動する動的な太陽。 - カスケードシャドウマップ(4カスケード、安定したテクセルスナップ、高解像度)。 - 時刻に合わせて更新されるPMREMによるIBL。 - ボリューメトリックフォグ、ゴッドレイ、陽炎。 マテリアル: - MeshPhysicalMaterial / TSLノード:クリアコート、異方性、ガラスの透過、メタリックフレーク塗装、雨に反応する濡れた路面シェーダー。 ポストプロセスチェーン(RenderPipeline / TSLまたはpostprocessingライブラリ): GTAOまたは高品質SSAO → SSR → ブルーム(Karis) → モーションブラー(速度情報) → DOF → ゴッドレイ → 自動露出 → カラーグレーディング + フィルムグレイン + ビネット → SMAAまたはTAA。 エフェクト: - GPUパーティクルプール:タイヤスモーク、火花、砂ぼこり、雨のしぶき、草や砂利の巻き上げ、熱による歪み。 - 残留して徐々に薄れるスキッドマーク。 - 雨天時に変化する路面の濡れ具合と水たまりの反射。 物理演算と操作感 - 120 Hzの固定ステップシミュレーション。 - レイキャストまたはストラット式サスペンション、荷重移動、コンバインドスリップタイヤ、ABS/TC、路面タイプ(アスファルト、縁石、草地、砂利、ウェット)。 - カメラ:シネマティックなチェイス、フード視点、車載視点。動きと衝突時の揺れに対応。 AUDIO - 完全に合成するWeb Audio:RPM/負荷に応じた多層エンジン音、風切り音、タイヤのスキール音、縁石の振動音、観客の声、動的な音楽。 品質システム - プリセット:Low / Medium / High / Ultra。 - UltraはRTX 5090クラスのGPUを想定:4K、高品質シャドウマップ、最大パーティクル数、すべてのポストエフェクトを有効化、積極的なLODなし。 - フレーム時間が目標値を超えた場合にエフェクトを減らせるアダプティブ品質。 まずはプレイ可能な初期バージョン(1トラック、1台の車、基本的なライティング)から始め、その後、指定どおり機能を1つずつ追加・改善してください。すべてを、ローカルで実行できる単一のクリーンなHTML/JS(またはVite)プロジェクトにまとめてください。主要なシステムにはコメントを付けてください。かわいらしい見た目ではなく、高級感のある仕上がりにしてください。

このプロンプトの使い方

01

適したツールを開く

普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。

02

変更する点を一つ選ぶ

主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。

03

シーンに独自の素材を加える

オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。

プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。