🪄 animationCallbacks の待ち行列を監視

midori242は window.animationCallbacks に ClockDisplay や VideoDisplay の更新関数を登録します。このデモは同じ構造を引き継ぎ、1フレームあたりの処理時間を測定しつつ、最大遅延・ドロップ率を追跡します。

名称 更新回数 平均(ms) 最大(ms) 状態
queue length: 0 / total avg(ms): 0.00
max latency(ms): 0.00 / drops: 0

ClockDisplayの update() は OffscreenCanvas への SVG 描画を模倣し、VideoDisplay は CanvasTexture の転送だけを行います。Sphere は 10 個の球を 0.02 rad ずつ回す処理です。総処理時間が 16.6ms を超えるとドロップ扱いになります。