適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
GPT-6 Astra参考用の制作指示
インタラクティブなファンタジーグラフィックスデモ
等角投影カメラ、操作可能なキャラクター、反射する濡れた床、環境の動きを備えた、ブラウザ上のThree.jsファンタジーシーン向けDream Loop Plusプロンプト。作者はGPT-5.6 Luna xhighを使ったデモ用プロンプトと位置づけており、投稿では最適化されたフローでAstraがビジュアル制作を担うと説明しています。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
作者のメモ
Dream Loop Plusを使って、等角投影カメラ、リアルなシェーディング、反射する濡れた床、生命感のあるファンタジー環境内のキャラクターを備えた、ブラウザ上のThree.jsグラフィックスデモを作成してください。クリックで移動する操作、遅れて追従するカメラ、ドラッグによる回転、スクロールによるズーム、さりげないアニメーションと環境の挙動を追加します。ゲームプレイは追加しないでください。
Three.jsファンタジー等角投影カメラインタラクティブシーンキャラクター操作反射する濡れた床環境アニメーション
プロンプト
Dream Loop Plusを使って、グラフィックスデモを作成してください。等角投影カメラ、リアルなシェーディングと反射する濡れた床、印象的なシーンに立つキャラクターを用意します。舞台はファンタジー世界（Elden RingやDiabloのような雰囲気）にしてください。ブラウザ上のThree.jsで動作させ、フレームレートは>60fpsを目標にします。操作方法：クリックでキャラクターを移動、カメラは遅れて追従、ドラッグでカメラを回転、スクロールでズームイン／ズームアウトします。現時点ではゲームプレイは追加しないでください。世界に生命感を持たせるため、動きやアニメーション、さりげない環境の挙動を加えてください。
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
