インタラクティブ3D太陽系シミュレーター

以下は、Three.jsを使用した完全なインタラクティブ3D太陽系シミュレーターを単一のHTMLファイルで構築するためのプロンプトです。 ## 機能概要 太陽系の3Dシミュレーションで、現実的な軌道、調整可能な速度制御、没入感のある星空背景を備えています。ユーザーは視点の回転、ズームイン/アウトが可能で、惑星が太陽の周りを正確な相対サイズと軌道経路で公転する様子を観察できます。 ## コア機能 ### 1. 3Dシーン - 中心に太陽を配置し、温かみのある発光テクスチャ（シンプルなエミッショングロー）を適用 - 8つの惑星（水星、金星、地球、火星、木星、土星、天王星、海王星）が太陽の周りを公転 - 軌道経路を淡い半透明のリングとして表示 - 惑星は異なるサイズと色（実際の縮尺ではありませんが、視覚的に区別可能） - 数千のきらめく星による星空背景 ### 2. コントロール - OrbitControls：ドラッグで視点回転、スクロールでズーム - 速度スライダー：調整可能な速度（0倍から5倍）で公転速度を変更 - 一時停止/再開ボタン：シミュレーションを一時停止または再開 - 惑星をクリックするとカメラがその惑星にフォーカス - リセットボタンでデフォルトビューに戻る ### 3. UIとHUD - 各惑星の上に浮かぶ惑星ラベル（名前とアイコン） - 下部に「速度」スライダー - 右下に「一時停止」/「再開」ボタン - 控えめでモダンなダークガラスUI（ダークモード、SF美学） - コーナーに現在の時間または速度倍率を表示する小さな情報ボックス ### 4. 視覚的強化 - 基本的な色のグラデーションを持つ現実的な惑星 - 太陽の周りのソフトなグロー効果 - 破線または半透明の線としての軌道 - 惑星を立体的に見せるライティング（平面的ではない） ### 5. 技術的詳細 - CDNからThree.jsを使用 - すべてのコードを単一のHTMLファイルに記述 - スムーズな60fpsパフォーマンス - マウス操作：ドラッグで回転、スクロールでズーム - キーボードショートカット：スペースバーで一時停止を切り替え 誰もが探索したくなるような、洗練されたインタラクティブな太陽系シミュレーターを構築してください。