適したツールを開く
普段使っているコーディングアシスタントや 3D ツールを開きましょう。まずは作例に記載されたモデルを試し、リンク先のプロジェクトで設定手順を確認してください。
GPT-6 Astra参考用の制作指示
Verdant — インタラクティブな3D恐竜アイランド
@vib3codedによるVerdantの作者原文リクエスト。Three.jsとWebGLで構築する、インタラクティブな3D恐竜アイランドのジオラマです。恐竜たちが歩き回る島、滝、海生爬虫類が泳ぐ断面表示のラグーン、水中カメラの動き、動物への餌やりと卵の孵化、環境設定、雨、音楽を盛り込み、ブラウザですぐ動く単一のHTMLファイルとして納品する内容が指定されています。
この作例について
作者が公開したプロジェクトをもとにした制作の出発点です。元のプロンプトをそのまま転載したものではなく、結果は異なります。
Three.jsWebGLインタラクティブ3D恐竜アイランド3Dジオラマ断面表示のラグーン水中カメラ潮位コントロール
プロンプト
Verdant — Three.js + WebGLで構築するインタラクティブな3Dジオラマを作成
恐竜たちが歩き回る緑豊かな島に、滝と、海生爬虫類が泳ぐ断面表示のラグーンを配置します。群れに餌を与え、赤ちゃん恐竜を孵化させ、水中へカメラを移動できます
潮位、風、時間帯を調整したり、リラックスできる音楽を流しながら熱帯の雨を降らせたりできます
すべてブラウザ上で、単一のHTMLファイルとして動作させます
このプロンプトの使い方
変更する点を一つ選ぶ
主題、画風、舞台を変えてみましょう。カメラと操作を明確にし、まず小さな作品を作ってから、一つずつ細部を整えます。
シーンに独自の素材を加える
オリジナルのキャラクターや小物が必要なら、短い物体の説明や参考画像から 3D モデルを作り、プロジェクトに取り込みましょう。
プレビューの権利は各作者に帰属します。コードや素材を再利用する前に、元の出典とプロジェクトのライセンスを確認してください。
