適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
GPT-6 Astra参考用の制作指示
プレイ可能な3Dブラウザ向け海岸地区スライス
Lummoxが投稿した、プレイ可能な3Dブラウザ向けスライスを作る6段階のプロンプトシーケンスです。Vite、vanilla TypeScript、Three.js、cannon-es、Web Audioで構成する技術スタックを固定し、夕暮れの海岸地区を構築して、3人が車に乗り込む場面を演出します。クリップのテンポと音声も指定します。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
作者のメモ
6つのプロンプトを順番に使用します。まず仕様を固定し、ブラウザ向けの固定技術スタックを確立します。次に海岸地区と、その照明・カメラによる画づくりを作成し、3人の短い車のシーケンスを演出します。クリップと歩行者に関する指針でパフォーマンスを制約し、最後に指定された声、音楽、車の音の方向性を仕上げます。
プレイ可能な3DブラウザゲームThree.jscannon-esVitevanilla TypeScript海岸地区夕暮れ濡れたアスファルト
プロンプト
> 仕様を固定する（TZ-gta-slice.md）
prompt: "プレイ可能な3Dブラウザ向けスライスを構築する。いったん固定したら、この仕様を変更しないこと。地区とクリップを先に。操作は後。"
> 技術スタック（Vite、vanilla TypeScript、Three.js、cannon-es、Web Audio）
prompt: "技術スタックは固定する。Vite。vanilla TypeScript。Three.js。cannon-es。Web Audio。ブラウザURLは1つ。"
> フレーム（海に沈む夕日、濡れたアスファルト、ヤシの木）
prompt: "海岸地区を1つ作る。海に沈む夕日。濡れたアスファルト。ヤシの木。ポリゴン数ではなく、光とカメラで画づくりを決める。デフォルトのグレーの照明は禁止。素の立方体をそのまま使わない。"
> 3人（1つのシーン、1台の車、約20秒）
prompt: "3人を1つのシーンに収める。3人は会話する。その後、1台の車に乗り込む。時間は約20秒。余計な切り替えを増やすより、品質を優先する。"
> カット（15〜20秒、滑らかさを維持）
prompt: "処理が重い場合は、クリップを15〜20秒に短縮する。滑らかさを維持する。フレーム落ちが発生したら、照明ではなく歩行者を減らす。"
> サウンド（人間らしい声、セリフの下に敷くパッド、車の低い走行音）
prompt: "声はロボットではなく、人間らしく聞こえるようにする。セリフの下には控えめなパッドを敷き、セリフを邪魔しない。3人が乗り込んだら、ノコギリのような音ではなく、低い車の走行音を加える。ラジオのノイズは禁止。"
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
