Three.js インタラクティブ3D流体シミュレーション

このインタラクティブな3D流体シミュレーションは、Three.jsを使用してマウスの動きに反応するダイナミックなパーティクルシステムを作成します。シミュレーションの特徴：

• 流体のような動きをする5000個のアニメーションパーティクル
• パーティクルを反発させるリアルタイムマウスインタラクション
• ダイナミックなライティングと滑らかなカメラ視点
• クリックでリセットする機能
• ウィンドウサイズ変更に対応するレスポンシブデザイン

パーティクルは三角関数を使用して波のようなパターンで動き、有機的な流体シミュレーション効果を生み出します。マウスの動きはパーティクルを押しのけるインタラクティブな力場を作り出し、継続的な回転が3D体験に深みを加えます。