WORKS
MOTION
PARTICLE SPHERE パーティクル球体
- Three.js
- WebGL
- Shader
- 80k Particles
OVERVIEW
プロジェクト概要
狙い
球面上に分布させた80,000個のパーティクルを、 ノイズで微振動させながら回転させ、立体感のある「揺らぐ球」を作る。
技術ポイント
全パーティクルに乱数シードを持たせ、頂点シェーダー側で時間とともに変位を計算。 CPU負荷を最小化し、80k点でも60fpsをキープ。
CRAFT
こだわった点
GPU FIRST
位置計算をすべてGPUに任せる設計。Float32Arrayに基準位置とシードだけを書き込み、
フレーム毎の更新は不要にした。
SUBTLE MOTION
派手な動きより、息づくような微妙な揺らぎを優先。 ノイズの周波数を抑え、球の輪郭が崩れない範囲で生命感を出した。