🔧 AnimationManager一元管理
❌ 管理なし
// 各アニメーションが個別にrAF anim1: requestAnimationFrame(...) anim2: requestAnimationFrame(...) anim3: requestAnimationFrame(...)
20fps
重複呼び出し
✅ 一元管理
class AnimationManager { loop() { const now = performance.now(); this.animations.forEach( a => a.update(now) ); requestAnimationFrame( () => this.loop() ); } }
30fps
1回の呼び出し