Add stats.js

cszach · Apr 29, 2024 · be0647c · be0647c
1 parent 30df844
commit be0647c
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 0 deletions.
diff --git a/examples/cornell-box-raytraced/index.ts b/examples/cornell-box-raytraced/index.ts
@@ -12,6 +12,7 @@ import {
   Lambert,
 } from '../../src/index.js';
 import {quat, vec3} from 'wgpu-matrix';
+import Stats from 'stats.js';
 
 const canvas = document.querySelector('canvas');
 
@@ -84,6 +85,10 @@ renderer.init().then(() => {
     lightMesh
   );
 
+  const stats = new Stats();
+  stats.showPanel(0);
+  document.body.appendChild(stats.dom);
+
   // Canvas resize
   let i = 0;
 
@@ -106,7 +111,9 @@ renderer.init().then(() => {
   resizeObserver.observe(canvas);
 
   function frame() {
+    stats.begin();
     renderer.render(scene, camera, i++);
+    stats.end();
 
     window.requestAnimationFrame(frame);
   }

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,8 +15,10 @@
   },
   "devDependencies": {
     "@types/node": "20.11.5",
+    "@types/stats": "^0.16.30",
     "@webgpu/types": "^0.1.40",
     "gts": "^5.3.0",
+    "stats.js": "^0.17.0",
     "typescript": "~5.4.3",
     "vite": "^5.2.8",
     "vite-raw-plugin": "^1.0.2",