add rolling-average

webgpu/resources/js/rolling-average.js

@@ -0,0 +1,20 @@
+// See https://webgpufundamentals.org/webgpu/lessons/webgpu-timing.html
+export default class RollingAverage {
+  #total = 0;
+  #samples = [];
+  #cursor = 0;
+  #numSamples;
+  constructor(numSamples = 30) {
+    this.#numSamples = numSamples;
+  }
+  addSample(v) {
+    if (!Number.isNaN(v) && Number.isFinite(v)) {
+      this.#total += v - (this.#samples[this.#cursor] || 0);
+      this.#samples[this.#cursor] = v;
+      this.#cursor = (this.#cursor + 1) % this.#numSamples;
+    }
+  }
+  get() {
+    return this.#total / this.#samples.length;
+  }
+}

webgpu/resources/js/timing-helper.js

@@ -4,6 +4,7 @@ function assert(cond, msg = '') {
   }
 }
 
+// See https://webgpufundamentals.org/webgpu/lessons/webgpu-timing.html
 export default class TimingHelper {
   #canTimestamp;
   #device;