シーンの仕組み
5つのシグネチャーシーンは WebGL2 を使い、開いたときだけ three.js を読み込みます。残り8つは v1 から引き継いだ Canvas 2D のクラシックエフェクトです。性能ベンチマークと同じ描画処理を使いますが、負荷の自動探索、フレーム時間の測定、スコア算出は行いません。
3つの調整項目
各シーンの下部に調整項目があります。
| 項目 | 役割 |
|---|---|
| 負荷 | シーンごとの最小値から最大値まで、粒子数を対数スケールで変更します。ベンチマークと同じ負荷の段階を使います。 |
| 速度 | 動きの速度を 0.1×～2× に変更します。スロー再生にしても1フレームの処理量が減るわけではありません。 |
| 画質 | 内部描画解像度を基準の 0.5×～2× に変更します。1× を超えるとスーパーサンプリングになり、画素の描画負荷が増えます。 |
fps はリアルタイムで更新されるため、手動で負荷を変えて様子を見ることもできます。比較用のスコアが必要なら、固定された条件で測る性能ベンチマークをご利用ください。