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

Orbit Lab:太陽・地球・月の3Dシミュレーション

リンク先の記事が、GPT-6 Astra・Sol・Lunaを含む4モデルに共通で投入したと明記する比較用の依頼文です。Three.jsで、手続き的に作る太陽・地球・月、軌道と自転、クリック選択、カメラ操作、再生・速度・フォーカスなどを備えた教育用3DシミュレーションWeb作品を実装します。

作者 technewsradio.tokyo元の出典を見る
Orbit Lab:太陽・地球・月の3Dシミュレーション

この作例について

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

GPT-6 AstraThree.js3Dシミュレーション太陽地球月OrbitControls天体軌道

プロンプト

比較実験です。次の同一仕様のWeb作品を、あなたの作業ディレクトリに実装して完成させてください。名称は「Orbit Lab」。Three.js 0.186.0を使用し、同一バージョンの本体とOrbitControlsを読み込んでください(CDNのimport mapでもnpmでも可)。公開・デプロイは不要です。 要件: 1. 太陽・地球・月の3Dモデルを手続き的なジオメトリとマテリアルで表現。外部画像・3Dアセットは使わない。太陽を点光源とし、地球と月の明暗がカメラ操作で分かること。 2. 地球の公転と自転、地軸の傾き、月の公転をdelta timeで動かす。軌道面の傾きを視覚化し、地球と月の軌道線を表示する。スケールと速度は教育用の誇張でよい。 3. 恒星背景を再現可能な乱数で生成する。OrbitControlsで回転・ズーム。天体をクリックすると選択状態と説明パネルが切り替わる。 4. 再生/停止、速度スライダー、軌道線表示切替、太陽/地球/月へのカメラフォーカス、初期状態に戻すボタンを備える。キーボードでも再生/停止とリセットができる。 5. スマホ幅でも操作できる見た目、WebGL非対応時の案内、リサイズ対応、過剰な描画負荷を避けるピクセル比制限を入れる。 6. READMEに起動手順と操作方法を書く。可能なら実際に起動して動作確認し、できなければ理由を明記する。完了報告には作成ファイル、実装済み項目、確認結果を簡潔に書く。 途中で質問せず、合理的に判断して最後まで実装してください。

このプロンプトの使い方

01

適したツールを開く

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

02

変更する点を一つ選ぶ

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

03

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

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

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