OffscreenCanvasが無い時代の粒子HUDは CPU と GPU の綱引きだった。ここでは Pixel 7 / iPad mini / RTX 3070 環境で計測した平均・最大値をまとめる。
| メトリクス | Pixel 7 | iPad mini | RTX 3070 | ハイライト |
|---|---|---|---|---|
| createAnimatedSphere() | 24.6ms | 19.8ms | 8.5ms | 粒子 15,000 個。初期化時にガベージが跳ねた。 |
| CSS3D レンダリング | 12.1ms | 9.4ms | 4.6ms | distance /= 3 なので portrait で視差過小。 |
| OrbitControls update | 6.8ms | 5.5ms | 2.1ms | pointerEvents 切り替えで描画停止が走る。 |
| Scene render (1 frame) | 33.7ms | 28.3ms | 14.6ms | 環境グラデ更新で needsUpdate が毎秒10回。 |