ノート

Three.jsで単一ファイルの3Dエンドレスランナーゲームを構築する

フリーのプロンプト百科事典 Wikiprompt より

Eyisha Zyer

2026年7月22日

Three.jsで単一ファイルの3Dエンドレスランナーゲームを構築する 3レーンの追跡カメラ、タッチおよびキーボード操作、永続化されたハイスコアを備えた、Three.jsによる単一ファイルの3Dエンドレスランナーゲームを構築するコーディングプロンプト。

関連メディア

プロンプト内容保存

🌐
概要:CDN 経由で Three.js を使用し、単一の index.html ファイルに完全な 3D エンドレスランナーゲームを作成します。 主要仕様: カメラとレイアウト:完全に中央配置された三人称追跡カメラを、3 つの異なるレーンにわたって設定。 ビジュアルパレット:高コントラストの配色。プレイヤーにはエレクトリックシアン、危険な障害物にはネオンオレンジ/レッド、収集可能なコインにはライムグリーン/ゴールド、そして最大の視認性を確保するための深く暗い虚空/トラック背景。 コントロールとメカニクス:キーボード(WASD / 矢印キー)とタッチスワイプ(左右でレーン変更、上/スペースでジャンプ)をサポートするレスポンシブなコントロール。動的な障害物とコインの生成、境界ボックス衝突検出、パーティクル FX、Web Audio API による合成サウンドエフェクト(外部オーディオファイルなし)、HUD オーバーレイ、そして localStorage のハイスコア永続化を統合したメインメニュー/ポーズ/ゲームオーバーメニューを含みます。すべてのコードを単一の index.html ファイルで返してください。

ログインして完全なプロンプトを表示

次で続行:

ログインすると、次に同意したことになります: 利用規約 と プライバシーポリシー

使い方

このプロンプトは coding 向けに設計されています。上の内容をコピーして、お好みの AI ツールに貼り付けてください。

最良の結果を得るには、プレースホルダー(角括弧や大文字で示された部分)を具体的な要件に置き換えてください。

参考資料

カテゴリ:coding| twitter| endless-runner| threejs

ノート