Three.js インタラクティブ3D銀河ジェネレーター

このインタラクティブな3D銀河ジェネレーターは、Three.jsを使用してユーザーが美しい渦巻銀河をリアルタイムで作成・操作できるようにします。ジェネレーターは数千の粒子を渦巻腕状に配置し、中心核を持つ遠方の銀河の外観をシミュレートします。

ユーザーは4つの主要パラメータを制御できます：粒子数（1,000から20,000個の星）、粒子サイズ、回転速度、銀河の広がり（腕がどの程度伸びるか）。色のグラデーションは、中心部の冷たい青から外腕部の暖かい黄色や白へ自動的に調整され、実際の銀河の色分布を模倣しています。

インターフェースには視覚的フィードバック付きのリアルタイムコントロール、マウスベースのカメラ回転、ズームコントロールが含まれています。FPSカウンターは、ユーザーが粒子数を調整する際のパフォーマンスを監視するのに役立ちます。各パラメータの変更は即座に銀河の形状を再生成し、さまざまな銀河形成の無限の探索を可能にします。

このプロジェクトは、効率的な粒子システムのためのBufferGeometry、頂点カラーリング、カメラ制御、リアルタイムパラメータ更新など、Three.jsのコアコンセプトを実演しています。レスポンシブデザインにより、デスクトップとモバイルデバイスの両方で適切に動作します。