CanvasとJSで作る単一ファイルの3D宇宙シミュレーター

概要：HTML5 Canvas と JavaScript を使用して、外部ライブラリや CDN 依存なしで、本番環境対応の単一ファイルのインタラクティブな 3D ユニバースシミュレーターを構築します。 主要仕様： インターフェースと検索：全ビューポートのミニマリストなグラスモーフィズムインターフェース。上部ヘッダーバー（オートコンプリートドロップダウン付きリアルタイム検索エンジン、FPS カウンター、アクティブターゲットインジケーター）と下部コントロールデッキ（ブラックホール、銀河、太陽系、テラ、ゼウスへのフォーカスショートカットボタン、および 0x-5x のタイムワープスライダー）。ライブ検索は入力中に天体ターゲットをフィルタリングし、選択時にカメラを自動的にパンおよびズームして選択したターゲットに移動します。 グラフィックスと物理：カスタムの純粋な JavaScript 3D プロジェクションエンジン（project(x, y, z)）を使用し、色のバリエーションを持つ 8,000 以上の動的な渦巻銀河の星をレンダリングし、降着円盤と事象の地平線を持つ中央の超大質量ブラックホール、およびリアルタイムの速度調整を備えた軌道を周回する惑星太陽系を含みます。完全なマウスコントロール（ドラッグでカメラを周回/回転、スクロールでズーム）を備えています。