Three.js インタラクティブ3D太陽系
P
プロンプト
Three.jsを使用して、ユーザーが太陽を中心に公転する惑星をリアルな軌道力学とスケール表現で探索できるインタラクティブな3D太陽系ビジュアライゼーションを作成してください。
CODE PREVIEW
AIでコードをカスタマイズ
このコードをAIが指示通りに書き換えます。プレビューは無料、コードのコピー・ダウンロードは¥100で解放されます。
オリジナル
AIとの対話に追加する一言
プロンプトと一緒にコピーして、AIがより正確に意図を汲み取れるようにします
このコードをそのまま使いたいので、CDNリンクも含めた完全なHTMLファイルとして出力してください。
初心者なので、各行にコメントを追加して、何をしているか説明してください。
このコードをWordPressのテーマに組み込む方法も教えてください。
動作確認済みのコードをお願いします。エラーが出る場合の対処法も含めて。
このインタラクティブな3D太陽系ビジュアライゼーションは、Three.jsを使用した軌道力学と惑星の運動を実演しています。実装には以下の特徴があります：
- 正確な相対距離によるリアルな惑星軌道
- 太陽系を探索するためのインタラクティブなカメラコントロール
- 軌道パスと惑星ラベルの表示/非表示切り替え
- 特定の惑星に視点を集中させるフォーカス機能
- 比例した惑星サイズと軌道速度
- 空間的な文脈を提供する動的な星空背景
このビジュアライゼーションでは、惑星が太陽の周りを異なる速度で円軌道を描く簡略化された軌道力学を使用しており、実際の太陽系で見られる相対的な公転周期を表現しています。
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / クレジットカード対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選