stats-gl 3.2.0 → 3.4.0

package/README.md

@@ -35,8 +35,11 @@ import Stats from "stats-gl";
 // create a new Stats object
 const stats = new Stats({
     trackGPU: false,
-    logsPerSecond: 20,
-    samplesLog: 100, 
+    trackHz: false,
+    trackCPT: false,
+    logsPerSecond: 4,
+    graphsPerSecond: 30,
+    samplesLog: 40, 
     samplesGraph: 10, 
     precision: 2, 
     horizontal: true,
@@ -120,6 +123,10 @@ import { StatsGl } from '@tresjs/cientos'
 The constructor for the Stats class accepts an options object with the following properties:
 
 - `logsPerSecond`: How often to log performance data, in logs per second.
+- `graphsPerSecond`: How often to update the graph, in graphs per second.
+- `trackGPU`: A boolean value to enable or disable GPU tracking.
+- `trackHz`: A boolean value to enable or disable Hz tracking.
+- `trackCPT`: (Threejs specific) A boolean value to enable or disable Threejs Compute Shading tracking.
 - `samplesLog`: Number of recent log samples to keep for computing averages.
 - `samplesGraph`: Number of recent graph samples to keep for computing averages.
 - `precision`: Precision of the data, in number of decimal places (only affects CPU and GPU).

package/dist/main.cjs

@@ -1,8 +1,11 @@
 "use strict";
 const panel = require("./panel.cjs");
+const panelVsync = require("./panelVsync.cjs");
 const _Stats = class _Stats2 {
   constructor({
     trackGPU = false,
+    trackCPT = false,
+    trackHz = false,
     logsPerSecond = 4,
     graphsPerSecond = 30,
     samplesLog = 40,
@@ -19,12 +22,12 @@ const _Stats = class _Stats2 {
     this.threeRendererPatched = false;
     this.frameTimes = [];
     this.renderCount = 0;
-    this.isRunningCPUProfiling = false;
     this.totalCpuDuration = 0;
     this.totalGpuDuration = 0;
     this.totalGpuDurationCompute = 0;
     this.gpuPanel = null;
     this.gpuPanelCompute = null;
+    this.vsyncPanel = null;
     this.averageFps = { logs: [], graph: [] };
     this.averageCpu = { logs: [], graph: [] };
     this.averageGpu = { logs: [], graph: [] };
@@ -33,22 +36,38 @@ const _Stats = class _Stats2 {
     this.lastMin = {};
     this.lastMax = {};
     this.lastValue = {};
+    this.VSYNC_RATES = [
+      { refreshRate: 60, frameTime: 16.67 },
+      { refreshRate: 75, frameTime: 13.33 },
+      { refreshRate: 90, frameTime: 11.11 },
+      { refreshRate: 120, frameTime: 8.33 },
+      { refreshRate: 144, frameTime: 6.94 },
+      { refreshRate: 165, frameTime: 6.06 },
+      { refreshRate: 240, frameTime: 4.17 }
+    ];
+    this.detectedVSync = null;
+    this.frameTimeHistory = [];
+    this.HISTORY_SIZE = 120;
+    this.VSYNC_THRESHOLD = 0.05;
+    this.lastFrameTime = 0;
     this.handleClick = (event) => {
       event.preventDefault();
       this.showPanel(++this.mode % this.dom.children.length);
     };
     this.handleResize = () => {
-      this.resizePanel(this.fpsPanel, 0);
-      this.resizePanel(this.msPanel, 1);
+      this.resizePanel(this.fpsPanel);
+      this.resizePanel(this.msPanel);
       if (this.gpuPanel)
-        this.resizePanel(this.gpuPanel, 2);
+        this.resizePanel(this.gpuPanel);
       if (this.gpuPanelCompute)
-        this.resizePanel(this.gpuPanelCompute, 3);
+        this.resizePanel(this.gpuPanelCompute);
     };
     this.mode = mode;
     this.horizontal = horizontal;
     this.minimal = minimal;
     this.trackGPU = trackGPU;
+    this.trackCPT = trackCPT;
+    this.trackHz = trackHz;
     this.samplesLog = samplesLog;
     this.samplesGraph = samplesGraph;
     this.precision = precision;
@@ -61,8 +80,14 @@ const _Stats = class _Stats2 {
     this.beginTime = performance.now();
     this.prevTextTime = this.beginTime;
     this.prevCpuTime = this.beginTime;
-    this.fpsPanel = this.addPanel(new _Stats2.Panel("FPS", "#0ff", "#002"), 0);
-    this.msPanel = this.addPanel(new _Stats2.Panel("CPU", "#0f0", "#020"), 1);
+    this._panelId = 0;
+    this.fpsPanel = this.addPanel(new _Stats2.Panel("FPS", "#0ff", "#002"));
+    this.msPanel = this.addPanel(new _Stats2.Panel("CPU", "#0f0", "#020"));
+    if (this.trackHz === true) {
+      this.vsyncPanel = new panelVsync.PanelVSync("", "#f0f", "#202");
+      this.dom.appendChild(this.vsyncPanel.canvas);
+      this.vsyncPanel.setOffset(56, 35);
+    }
     this.setupEventListeners();
   }
   initializeDOM() {
@@ -114,23 +139,25 @@ const _Stats = class _Stats2 {
   }
   async handleWebGPURenderer(renderer) {
     if (renderer.isWebGPURenderer) {
-      if (this.trackGPU) {
+      if (this.trackGPU || this.trackCPT) {
         renderer.backend.trackTimestamp = true;
         if (await renderer.hasFeatureAsync("timestamp-query")) {
           this.initializeWebGPUPanels();
         }
       }
       this.info = renderer.info;
+      this.patchThreeWebGPU(renderer);
       return true;
     }
     return false;
   }
   initializeWebGPUPanels() {
-    this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"), 2);
-    this.gpuPanelCompute = this.addPanel(
-      new _Stats2.Panel("CPT", "#e1e1e1", "#212121"),
-      3
-    );
+    if (this.trackGPU) {
+      this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"));
+    }
+    if (this.trackCPT) {
+      this.gpuPanelCompute = this.addPanel(new _Stats2.Panel("CPT", "#e1e1e1", "#212121"));
+    }
   }
   initializeWebGL(canvasOrGL) {
     if (canvasOrGL instanceof WebGL2RenderingContext) {
@@ -153,14 +180,12 @@ const _Stats = class _Stats2 {
     if (this.gl) {
       this.ext = this.gl.getExtension("EXT_disjoint_timer_query_webgl2");
       if (this.ext) {
-        this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"), 2);
+        this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"));
       }
     }
   }
   begin() {
-    if (!this.isRunningCPUProfiling) {
-      this.beginProfiling("cpu-started");
-    }
+    this.beginProfiling("cpu-started");
     if (!this.gl || !this.ext)
       return;
     if (this.activeQuery) {
@@ -178,11 +203,10 @@ const _Stats = class _Stats2 {
       this.gpuQueries.push({ query: this.activeQuery });
       this.activeQuery = null;
     }
+    this.endProfiling("cpu-started", "cpu-finished", "cpu-duration");
   }
   update() {
-    if (this.isRunningCPUProfiling) {
-      this.endProfiling("cpu-started", "cpu-finished", "cpu-duration");
-    }
+    this.endProfiling("cpu-started", "cpu-finished", "cpu-duration");
     if (!this.info) {
       this.processGpuQueries();
     } else {
@@ -198,10 +222,9 @@ const _Stats = class _Stats2 {
   resetCounters() {
     this.renderCount = 0;
     this.totalCpuDuration = 0;
-    this.beginProfiling("cpu-started");
     this.beginTime = this.endInternal();
   }
-  resizePanel(panel2, offset) {
+  resizePanel(panel2) {
     panel2.canvas.style.position = "absolute";
     if (this.minimal) {
       panel2.canvas.style.display = "none";
@@ -209,17 +232,19 @@ const _Stats = class _Stats2 {
       panel2.canvas.style.display = "block";
       if (this.horizontal) {
         panel2.canvas.style.top = "0px";
-        panel2.canvas.style.left = offset * panel2.WIDTH / panel2.PR + "px";
+        panel2.canvas.style.left = panel2.id * panel2.WIDTH / panel2.PR + "px";
       } else {
         panel2.canvas.style.left = "0px";
-        panel2.canvas.style.top = offset * panel2.HEIGHT / panel2.PR + "px";
+        panel2.canvas.style.top = panel2.id * panel2.HEIGHT / panel2.PR + "px";
       }
     }
   }
-  addPanel(panel2, offset) {
+  addPanel(panel2) {
     if (panel2.canvas) {
       this.dom.appendChild(panel2.canvas);
-      this.resizePanel(panel2, offset);
+      panel2.id = this._panelId;
+      this.resizePanel(panel2);
+      this._panelId++;
     }
     return panel2;
   }
@@ -248,7 +273,43 @@ const _Stats = class _Stats2 {
       }
     });
   }
+  detectVSync(currentTime) {
+    if (this.lastFrameTime === 0) {
+      this.lastFrameTime = currentTime;
+      return;
+    }
+    const frameTime = currentTime - this.lastFrameTime;
+    this.lastFrameTime = currentTime;
+    this.frameTimeHistory.push(frameTime);
+    if (this.frameTimeHistory.length > this.HISTORY_SIZE) {
+      this.frameTimeHistory.shift();
+    }
+    if (this.frameTimeHistory.length < 60)
+      return;
+    const avgFrameTime = this.frameTimeHistory.reduce((a, b) => a + b) / this.frameTimeHistory.length;
+    const variance = this.frameTimeHistory.reduce((acc, time) => acc + Math.pow(time - avgFrameTime, 2), 0) / this.frameTimeHistory.length;
+    const stability = Math.sqrt(variance);
+    if (stability > 2) {
+      this.detectedVSync = null;
+      return;
+    }
+    let closestMatch = null;
+    let smallestDiff = Infinity;
+    for (const rate of this.VSYNC_RATES) {
+      const diff = Math.abs(avgFrameTime - rate.frameTime);
+      if (diff < smallestDiff) {
+        smallestDiff = diff;
+        closestMatch = rate;
+      }
+    }
+    if (closestMatch && smallestDiff / closestMatch.frameTime <= this.VSYNC_THRESHOLD) {
+      this.detectedVSync = closestMatch;
+    } else {
+      this.detectedVSync = null;
+    }
+  }
   endInternal() {
+    var _a;
     const currentTime = performance.now();
     this.frameTimes.push(currentTime);
     while (this.frameTimes.length > 0 && this.frameTimes[0] <= currentTime - 1e3) {
@@ -263,7 +324,7 @@ const _Stats = class _Stats2 {
     if (this.gpuPanel) {
       this.updatePanelComponents(this.gpuPanel, this.averageGpu, this.precision, shouldUpdateText, shouldUpdateGraph);
     }
-    if (this.gpuPanelCompute) {
+    if (this.trackCPT && this.gpuPanelCompute) {
       this.updatePanelComponents(this.gpuPanelCompute, this.averageGpuCompute, this.precision, shouldUpdateText, shouldUpdateGraph);
     }
     if (shouldUpdateText) {
@@ -272,6 +333,13 @@ const _Stats = class _Stats2 {
     if (shouldUpdateGraph) {
       this.prevGraphTime = currentTime;
     }
+    if (this.vsyncPanel !== null) {
+      this.detectVSync(currentTime);
+      const vsyncValue = ((_a = this.detectedVSync) == null ? void 0 : _a.refreshRate) || 0;
+      if (shouldUpdateText && vsyncValue > 0) {
+        this.vsyncPanel.update(vsyncValue, vsyncValue);
+      }
+    }
     return currentTime;
   }
   updatePanelComponents(panel2, averageArray, precision, shouldUpdateText, shouldUpdateGraph) {
@@ -308,15 +376,13 @@ const _Stats = class _Stats2 {
   beginProfiling(marker) {
     if (window.performance) {
       window.performance.mark(marker);
-      this.isRunningCPUProfiling = true;
     }
   }
   endProfiling(startMarker, endMarker, measureName) {
-    if (window.performance && endMarker && this.isRunningCPUProfiling) {
+    if (window.performance && endMarker) {
       window.performance.mark(endMarker);
       const cpuMeasure = performance.measure(measureName, startMarker, endMarker);
       this.totalCpuDuration += cpuMeasure.duration;
-      this.isRunningCPUProfiling = false;
     }
   }
   updatePanel(panel2, averageArray, precision = 2) {
@@ -378,6 +444,14 @@ const _Stats = class _Stats2 {
   get domElement() {
     return this.dom;
   }
+  patchThreeWebGPU(renderer) {
+    const originalAnimationLoop = renderer.info.reset;
+    const statsInstance = this;
+    renderer.info.reset = function() {
+      statsInstance.beginProfiling("cpu-started");
+      originalAnimationLoop.call(this);
+    };
+  }
   patchThreeRenderer(renderer) {
     const originalRenderMethod = renderer.render;
     const statsInstance = this;

package/dist/main.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"main.cjs","sources":["../lib/main.ts"],"sourcesContent":null,"names":["_Stats","panel","Panel"],"mappings":"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"}
+{"version":3,"file":"main.cjs","sources":["../lib/main.ts"],"sourcesContent":null,"names":["_Stats","PanelVSync","panel","Panel"],"mappings":"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"}

package/dist/main.js

@@ -1,7 +1,10 @@
 import { Panel } from "./panel.js";
+import { PanelVSync } from "./panelVsync.js";
 const _Stats = class _Stats2 {
   constructor({
     trackGPU = false,
+    trackCPT = false,
+    trackHz = false,
     logsPerSecond = 4,
     graphsPerSecond = 30,
     samplesLog = 40,
@@ -18,12 +21,12 @@ const _Stats = class _Stats2 {
     this.threeRendererPatched = false;
     this.frameTimes = [];
     this.renderCount = 0;
-    this.isRunningCPUProfiling = false;
     this.totalCpuDuration = 0;
     this.totalGpuDuration = 0;
     this.totalGpuDurationCompute = 0;
     this.gpuPanel = null;
     this.gpuPanelCompute = null;
+    this.vsyncPanel = null;
     this.averageFps = { logs: [], graph: [] };
     this.averageCpu = { logs: [], graph: [] };
     this.averageGpu = { logs: [], graph: [] };
@@ -32,22 +35,38 @@ const _Stats = class _Stats2 {
     this.lastMin = {};
     this.lastMax = {};
     this.lastValue = {};
+    this.VSYNC_RATES = [
+      { refreshRate: 60, frameTime: 16.67 },
+      { refreshRate: 75, frameTime: 13.33 },
+      { refreshRate: 90, frameTime: 11.11 },
+      { refreshRate: 120, frameTime: 8.33 },
+      { refreshRate: 144, frameTime: 6.94 },
+      { refreshRate: 165, frameTime: 6.06 },
+      { refreshRate: 240, frameTime: 4.17 }
+    ];
+    this.detectedVSync = null;
+    this.frameTimeHistory = [];
+    this.HISTORY_SIZE = 120;
+    this.VSYNC_THRESHOLD = 0.05;
+    this.lastFrameTime = 0;
     this.handleClick = (event) => {
       event.preventDefault();
       this.showPanel(++this.mode % this.dom.children.length);
     };
     this.handleResize = () => {
-      this.resizePanel(this.fpsPanel, 0);
-      this.resizePanel(this.msPanel, 1);
+      this.resizePanel(this.fpsPanel);
+      this.resizePanel(this.msPanel);
       if (this.gpuPanel)
-        this.resizePanel(this.gpuPanel, 2);
+        this.resizePanel(this.gpuPanel);
       if (this.gpuPanelCompute)
-        this.resizePanel(this.gpuPanelCompute, 3);
+        this.resizePanel(this.gpuPanelCompute);
     };
     this.mode = mode;
     this.horizontal = horizontal;
     this.minimal = minimal;
     this.trackGPU = trackGPU;
+    this.trackCPT = trackCPT;
+    this.trackHz = trackHz;
     this.samplesLog = samplesLog;
     this.samplesGraph = samplesGraph;
     this.precision = precision;
@@ -60,8 +79,14 @@ const _Stats = class _Stats2 {
     this.beginTime = performance.now();
     this.prevTextTime = this.beginTime;
     this.prevCpuTime = this.beginTime;
-    this.fpsPanel = this.addPanel(new _Stats2.Panel("FPS", "#0ff", "#002"), 0);
-    this.msPanel = this.addPanel(new _Stats2.Panel("CPU", "#0f0", "#020"), 1);
+    this._panelId = 0;
+    this.fpsPanel = this.addPanel(new _Stats2.Panel("FPS", "#0ff", "#002"));
+    this.msPanel = this.addPanel(new _Stats2.Panel("CPU", "#0f0", "#020"));
+    if (this.trackHz === true) {
+      this.vsyncPanel = new PanelVSync("", "#f0f", "#202");
+      this.dom.appendChild(this.vsyncPanel.canvas);
+      this.vsyncPanel.setOffset(56, 35);
+    }
     this.setupEventListeners();
   }
   initializeDOM() {
@@ -113,23 +138,25 @@ const _Stats = class _Stats2 {
   }
   async handleWebGPURenderer(renderer) {
     if (renderer.isWebGPURenderer) {
-      if (this.trackGPU) {
+      if (this.trackGPU || this.trackCPT) {
         renderer.backend.trackTimestamp = true;
         if (await renderer.hasFeatureAsync("timestamp-query")) {
           this.initializeWebGPUPanels();
         }
       }
       this.info = renderer.info;
+      this.patchThreeWebGPU(renderer);
       return true;
     }
     return false;
   }
   initializeWebGPUPanels() {
-    this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"), 2);
-    this.gpuPanelCompute = this.addPanel(
-      new _Stats2.Panel("CPT", "#e1e1e1", "#212121"),
-      3
-    );
+    if (this.trackGPU) {
+      this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"));
+    }
+    if (this.trackCPT) {
+      this.gpuPanelCompute = this.addPanel(new _Stats2.Panel("CPT", "#e1e1e1", "#212121"));
+    }
   }
   initializeWebGL(canvasOrGL) {
     if (canvasOrGL instanceof WebGL2RenderingContext) {
@@ -152,14 +179,12 @@ const _Stats = class _Stats2 {
     if (this.gl) {
       this.ext = this.gl.getExtension("EXT_disjoint_timer_query_webgl2");
       if (this.ext) {
-        this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"), 2);
+        this.gpuPanel = this.addPanel(new _Stats2.Panel("GPU", "#ff0", "#220"));
       }
     }
   }
   begin() {
-    if (!this.isRunningCPUProfiling) {
-      this.beginProfiling("cpu-started");
-    }
+    this.beginProfiling("cpu-started");
     if (!this.gl || !this.ext)
       return;
     if (this.activeQuery) {
@@ -177,11 +202,10 @@ const _Stats = class _Stats2 {
       this.gpuQueries.push({ query: this.activeQuery });
       this.activeQuery = null;
     }
+    this.endProfiling("cpu-started", "cpu-finished", "cpu-duration");
   }
   update() {
-    if (this.isRunningCPUProfiling) {
-      this.endProfiling("cpu-started", "cpu-finished", "cpu-duration");
-    }
+    this.endProfiling("cpu-started", "cpu-finished", "cpu-duration");
     if (!this.info) {
       this.processGpuQueries();
     } else {
@@ -197,10 +221,9 @@ const _Stats = class _Stats2 {
   resetCounters() {
     this.renderCount = 0;
     this.totalCpuDuration = 0;
-    this.beginProfiling("cpu-started");
     this.beginTime = this.endInternal();
   }
-  resizePanel(panel, offset) {
+  resizePanel(panel) {
     panel.canvas.style.position = "absolute";
     if (this.minimal) {
       panel.canvas.style.display = "none";
@@ -208,17 +231,19 @@ const _Stats = class _Stats2 {
       panel.canvas.style.display = "block";
       if (this.horizontal) {
         panel.canvas.style.top = "0px";
-        panel.canvas.style.left = offset * panel.WIDTH / panel.PR + "px";
+        panel.canvas.style.left = panel.id * panel.WIDTH / panel.PR + "px";
       } else {
         panel.canvas.style.left = "0px";
-        panel.canvas.style.top = offset * panel.HEIGHT / panel.PR + "px";
+        panel.canvas.style.top = panel.id * panel.HEIGHT / panel.PR + "px";
       }
     }
   }
-  addPanel(panel, offset) {
+  addPanel(panel) {
     if (panel.canvas) {
       this.dom.appendChild(panel.canvas);
-      this.resizePanel(panel, offset);
+      panel.id = this._panelId;
+      this.resizePanel(panel);
+      this._panelId++;
     }
     return panel;
   }
@@ -247,7 +272,43 @@ const _Stats = class _Stats2 {
       }
     });
   }
+  detectVSync(currentTime) {
+    if (this.lastFrameTime === 0) {
+      this.lastFrameTime = currentTime;
+      return;
+    }
+    const frameTime = currentTime - this.lastFrameTime;
+    this.lastFrameTime = currentTime;
+    this.frameTimeHistory.push(frameTime);
+    if (this.frameTimeHistory.length > this.HISTORY_SIZE) {
+      this.frameTimeHistory.shift();
+    }
+    if (this.frameTimeHistory.length < 60)
+      return;
+    const avgFrameTime = this.frameTimeHistory.reduce((a, b) => a + b) / this.frameTimeHistory.length;
+    const variance = this.frameTimeHistory.reduce((acc, time) => acc + Math.pow(time - avgFrameTime, 2), 0) / this.frameTimeHistory.length;
+    const stability = Math.sqrt(variance);
+    if (stability > 2) {
+      this.detectedVSync = null;
+      return;
+    }
+    let closestMatch = null;
+    let smallestDiff = Infinity;
+    for (const rate of this.VSYNC_RATES) {
+      const diff = Math.abs(avgFrameTime - rate.frameTime);
+      if (diff < smallestDiff) {
+        smallestDiff = diff;
+        closestMatch = rate;
+      }
+    }
+    if (closestMatch && smallestDiff / closestMatch.frameTime <= this.VSYNC_THRESHOLD) {
+      this.detectedVSync = closestMatch;
+    } else {
+      this.detectedVSync = null;
+    }
+  }
   endInternal() {
+    var _a;
     const currentTime = performance.now();
     this.frameTimes.push(currentTime);
     while (this.frameTimes.length > 0 && this.frameTimes[0] <= currentTime - 1e3) {
@@ -262,7 +323,7 @@ const _Stats = class _Stats2 {
     if (this.gpuPanel) {
       this.updatePanelComponents(this.gpuPanel, this.averageGpu, this.precision, shouldUpdateText, shouldUpdateGraph);
     }
-    if (this.gpuPanelCompute) {
+    if (this.trackCPT && this.gpuPanelCompute) {
       this.updatePanelComponents(this.gpuPanelCompute, this.averageGpuCompute, this.precision, shouldUpdateText, shouldUpdateGraph);
     }
     if (shouldUpdateText) {
@@ -271,6 +332,13 @@ const _Stats = class _Stats2 {
     if (shouldUpdateGraph) {
       this.prevGraphTime = currentTime;
     }
+    if (this.vsyncPanel !== null) {
+      this.detectVSync(currentTime);
+      const vsyncValue = ((_a = this.detectedVSync) == null ? void 0 : _a.refreshRate) || 0;
+      if (shouldUpdateText && vsyncValue > 0) {
+        this.vsyncPanel.update(vsyncValue, vsyncValue);
+      }
+    }
     return currentTime;
   }
   updatePanelComponents(panel, averageArray, precision, shouldUpdateText, shouldUpdateGraph) {
@@ -307,15 +375,13 @@ const _Stats = class _Stats2 {
   beginProfiling(marker) {
     if (window.performance) {
       window.performance.mark(marker);
-      this.isRunningCPUProfiling = true;
     }
   }
   endProfiling(startMarker, endMarker, measureName) {
-    if (window.performance && endMarker && this.isRunningCPUProfiling) {
+    if (window.performance && endMarker) {
       window.performance.mark(endMarker);
       const cpuMeasure = performance.measure(measureName, startMarker, endMarker);
       this.totalCpuDuration += cpuMeasure.duration;
-      this.isRunningCPUProfiling = false;
     }
   }
   updatePanel(panel, averageArray, precision = 2) {
@@ -377,6 +443,14 @@ const _Stats = class _Stats2 {
   get domElement() {
     return this.dom;
   }
+  patchThreeWebGPU(renderer) {
+    const originalAnimationLoop = renderer.info.reset;
+    const statsInstance = this;
+    renderer.info.reset = function() {
+      statsInstance.beginProfiling("cpu-started");
+      originalAnimationLoop.call(this);
+    };
+  }
   patchThreeRenderer(renderer) {
     const originalRenderMethod = renderer.render;
     const statsInstance = this;