Skip to content

Commit e68bd4d

Browse files
recprecp
committed
trim debug metrics
1 parent 3065c08 commit e68bd4d

13 files changed

Lines changed: 6 additions & 28 deletions

‎gpu-compute-webgpu-usl-shell.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@ <h1>Compute handoff</h1>
3333
<div class="debug-metrics" aria-live="off">
3434
<b data-debug="fps">-- FPS</b>
3535
<span data-debug="frame">-- ms frame</span>
36-
<span data-debug="heap">-- Wasm capacity</span>
3736
<span data-debug="canvas">-- × -- px</span>
3837
</div>
3938
</aside>

‎gpu-compute-webgpu-usl.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctypehtml><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=data:, rel=icon><link href="gallery.css?v=5"rel=stylesheet><title>Compute handoff · GPU + USL</title></head><body class=sample-page data-c-source=sources/compute.c data-usl-source=sources/compute.usl data-wgsl-source=sources/compute.wgsl><header class=sample-head><a class=back-link href=index.html><span>←</span> Sample index</a><div class=sample-heading><p>Compute / storage buffer</p><h1>Compute handoff</h1></div><div class=runtime-badge><i></i> WebGPU live</div></header><main class=sample-workbench><section aria-label="Live WebGPU output"class=stage><canvas id=canvas oncontextmenu=event.preventDefault()></canvas><aside aria-label="Debug metrics"class=debug-overlay><button class=debug-toggle type=button aria-expanded=true><span>Debug</span> <svg aria-hidden=true viewBox="0 0 16 16"><path d="m4 6 4 4 4-4"/></svg></button><div class=debug-metrics aria-live=off><b data-debug=fps>-- FPS</b> <span data-debug=frame>-- ms frame</span> <span data-debug=heap>-- Wasm capacity</span> <span data-debug=canvas>-- × -- px</span></div></aside><div class=stage-meta><p>Compute writes the vertex stream; render consumes it in the same command buffer without readback.</p><div id=status>GPU: loading sample</div></div></section><section aria-label=Source class=source-panel><div class=source-toolbar><div class=source-tabs aria-label="Source language"role=tablist><button aria-controls=source-code aria-selected=true data-source=c id=tab-c role=tab>GPU C</button> <button aria-controls=source-code aria-selected=false data-source=usl id=tab-usl role=tab>USL</button> <button aria-controls=source-code aria-selected=false data-source=wgsl id=tab-wgsl role=tab>Generated WGSL</button></div><button class=copy-button type=button>Copy</button></div><pre aria-labelledby=tab-c id=source-code role=tabpanel tabindex=0><span aria-hidden=true class=line-numbers></span><code>Loading source…</code></pre></section></main><script src="sample.js?v=4"defer></script><script>var Module={locateFile:(e,l)=>`${l}${e}?v=5`}</script><template id=runtime-script><script src=gpu-compute-webgpu-usl.js async></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=5`,runtime.async=!0,document.body.appendChild(runtime)</script></body></html>
1+
<!doctypehtml><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=data:, rel=icon><link href="gallery.css?v=5"rel=stylesheet><title>Compute handoff · GPU + USL</title></head><body class=sample-page data-c-source=sources/compute.c data-usl-source=sources/compute.usl data-wgsl-source=sources/compute.wgsl><header class=sample-head><a class=back-link href=index.html><span>←</span> Sample index</a><div class=sample-heading><p>Compute / storage buffer</p><h1>Compute handoff</h1></div><div class=runtime-badge><i></i> WebGPU live</div></header><main class=sample-workbench><section aria-label="Live WebGPU output"class=stage><canvas id=canvas oncontextmenu=event.preventDefault()></canvas><aside aria-label="Debug metrics"class=debug-overlay><button class=debug-toggle type=button aria-expanded=true><span>Debug</span> <svg aria-hidden=true viewBox="0 0 16 16"><path d="m4 6 4 4 4-4"/></svg></button><div class=debug-metrics aria-live=off><b data-debug=fps>-- FPS</b> <span data-debug=frame>-- ms frame</span> <span data-debug=canvas>-- × -- px</span></div></aside><div class=stage-meta><p>Compute writes the vertex stream; render consumes it in the same command buffer without readback.</p><div id=status>GPU: loading sample</div></div></section><section aria-label=Source class=source-panel><div class=source-toolbar><div class=source-tabs aria-label="Source language"role=tablist><button aria-controls=source-code aria-selected=true data-source=c id=tab-c role=tab>GPU C</button> <button aria-controls=source-code aria-selected=false data-source=usl id=tab-usl role=tab>USL</button> <button aria-controls=source-code aria-selected=false data-source=wgsl id=tab-wgsl role=tab>Generated WGSL</button></div><button class=copy-button type=button>Copy</button></div><pre aria-labelledby=tab-c id=source-code role=tabpanel tabindex=0><span aria-hidden=true class=line-numbers></span><code>Loading source…</code></pre></section></main><script src="sample.js?v=4"defer></script><script>var Module={locateFile:(e,l)=>`${l}${e}?v=5`}</script><template id=runtime-script><script src=gpu-compute-webgpu-usl.js async></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=5`,runtime.async=!0,document.body.appendChild(runtime)</script></body></html>

‎gpu-indexed-depth-webgpu-usl-shell.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@ <h1>Indexed depth</h1>
3333
<div class="debug-metrics" aria-live="off">
3434
<b data-debug="fps">-- FPS</b>
3535
<span data-debug="frame">-- ms frame</span>
36-
<span data-debug="heap">-- Wasm capacity</span>
3736
<span data-debug="canvas">-- × -- px</span>
3837
</div>
3938
</aside>

‎gpu-indexed-depth-webgpu-usl.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctypehtml><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=data:, rel=icon><link href="gallery.css?v=5"rel=stylesheet><title>Indexed depth · GPU + USL</title></head><body class=sample-page data-c-source=sources/indexed-depth.c data-usl-source=sources/indexed-depth.usl data-wgsl-source=sources/indexed-depth.wgsl><header class=sample-head><a class=back-link href=index.html><span>←</span> Sample index</a><div class=sample-heading><p>Render / index + depth</p><h1>Indexed depth</h1></div><div class=runtime-badge><i></i> WebGPU live</div></header><main class=sample-workbench><section aria-label="Live WebGPU output"class=stage><canvas id=canvas oncontextmenu=event.preventDefault()></canvas><aside aria-label="Debug metrics"class=debug-overlay><button class=debug-toggle type=button aria-expanded=true><span>Debug</span> <svg aria-hidden=true viewBox="0 0 16 16"><path d="m4 6 4 4 4-4"/></svg></button><div class=debug-metrics aria-live=off><b data-debug=fps>-- FPS</b> <span data-debug=frame>-- ms frame</span> <span data-debug=heap>-- Wasm capacity</span> <span data-debug=canvas>-- × -- px</span></div></aside><div class=stage-meta><p>One indexed draw validates the depth texture, pipeline, attachment, and occlusion path.</p><div id=status>GPU: loading sample</div></div></section><section aria-label=Source class=source-panel><div class=source-toolbar><div class=source-tabs aria-label="Source language"role=tablist><button aria-controls=source-code aria-selected=true data-source=c id=tab-c role=tab>GPU C</button> <button aria-controls=source-code aria-selected=false data-source=usl id=tab-usl role=tab>USL</button> <button aria-controls=source-code aria-selected=false data-source=wgsl id=tab-wgsl role=tab>Generated WGSL</button></div><button class=copy-button type=button>Copy</button></div><pre aria-labelledby=tab-c id=source-code role=tabpanel tabindex=0><span aria-hidden=true class=line-numbers></span><code>Loading source…</code></pre></section></main><script src="sample.js?v=4"defer></script><script>var Module={locateFile:(e,l)=>`${l}${e}?v=5`}</script><template id=runtime-script><script src=gpu-indexed-depth-webgpu-usl.js async></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=5`,runtime.async=!0,document.body.appendChild(runtime)</script></body></html>
1+
<!doctypehtml><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=data:, rel=icon><link href="gallery.css?v=5"rel=stylesheet><title>Indexed depth · GPU + USL</title></head><body class=sample-page data-c-source=sources/indexed-depth.c data-usl-source=sources/indexed-depth.usl data-wgsl-source=sources/indexed-depth.wgsl><header class=sample-head><a class=back-link href=index.html><span>←</span> Sample index</a><div class=sample-heading><p>Render / index + depth</p><h1>Indexed depth</h1></div><div class=runtime-badge><i></i> WebGPU live</div></header><main class=sample-workbench><section aria-label="Live WebGPU output"class=stage><canvas id=canvas oncontextmenu=event.preventDefault()></canvas><aside aria-label="Debug metrics"class=debug-overlay><button class=debug-toggle type=button aria-expanded=true><span>Debug</span> <svg aria-hidden=true viewBox="0 0 16 16"><path d="m4 6 4 4 4-4"/></svg></button><div class=debug-metrics aria-live=off><b data-debug=fps>-- FPS</b> <span data-debug=frame>-- ms frame</span> <span data-debug=canvas>-- × -- px</span></div></aside><div class=stage-meta><p>One indexed draw validates the depth texture, pipeline, attachment, and occlusion path.</p><div id=status>GPU: loading sample</div></div></section><section aria-label=Source class=source-panel><div class=source-toolbar><div class=source-tabs aria-label="Source language"role=tablist><button aria-controls=source-code aria-selected=true data-source=c id=tab-c role=tab>GPU C</button> <button aria-controls=source-code aria-selected=false data-source=usl id=tab-usl role=tab>USL</button> <button aria-controls=source-code aria-selected=false data-source=wgsl id=tab-wgsl role=tab>Generated WGSL</button></div><button class=copy-button type=button>Copy</button></div><pre aria-labelledby=tab-c id=source-code role=tabpanel tabindex=0><span aria-hidden=true class=line-numbers></span><code>Loading source…</code></pre></section></main><script src="sample.js?v=4"defer></script><script>var Module={locateFile:(e,l)=>`${l}${e}?v=5`}</script><template id=runtime-script><script src=gpu-indexed-depth-webgpu-usl.js async></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=5`,runtime.async=!0,document.body.appendChild(runtime)</script></body></html>

‎gpu-instancing-webgpu-usl-shell.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@ <h1>Instancing</h1>
3333
<div class="debug-metrics" aria-live="off">
3434
<b data-debug="fps">-- FPS</b>
3535
<span data-debug="frame">-- ms frame</span>
36-
<span data-debug="heap">-- Wasm capacity</span>
3736
<span data-debug="canvas">-- × -- px</span>
3837
</div>
3938
</aside>

‎gpu-instancing-webgpu-usl.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!doctypehtml><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=data:, rel=icon><link href="gallery.css?v=5"rel=stylesheet><title>Instancing · GPU + USL</title></head><body class=sample-page data-c-source=sources/instancing.c data-usl-source=sources/instancing.usl data-wgsl-source=sources/instancing.wgsl><header class=sample-head><a class=back-link href=index.html><span>←</span> Sample index</a><div class=sample-heading><p>Render / instances + offsets</p><h1>Instancing</h1></div><div class=runtime-badge><i></i> WebGPU live</div></header><main class=sample-workbench><section aria-label="Live WebGPU output"class=stage><canvas id=canvas oncontextmenu=event.preventDefault()></canvas><aside aria-label="Debug metrics"class=debug-overlay><button class=debug-toggle type=button aria-expanded=true><span>Debug</span> <svg aria-hidden=true viewBox="0 0 16 16"><path d="m4 6 4 4 4-4"/></svg></button><div class=debug-metrics aria-live=off><b data-debug=fps>-- FPS</b> <span data-debug=frame>-- ms frame</span> <span data-debug=heap>-- Wasm capacity</span> <span data-debug=canvas>-- × -- px</span></div></aside><div class=stage-meta><p>Two dynamic uniform slices drive eight instances without rebuilding the bind group.</p><div id=status>GPU: loading sample</div></div></section><section aria-label=Source class=source-panel><div class=source-toolbar><div class=source-tabs aria-label="Source language"role=tablist><button aria-controls=source-code aria-selected=true data-source=c id=tab-c role=tab>GPU C</button> <button aria-controls=source-code aria-selected=false data-source=usl id=tab-usl role=tab>USL</button> <button aria-controls=source-code aria-selected=false data-source=wgsl id=tab-wgsl role=tab>Generated WGSL</button></div><button class=copy-button type=button>Copy</button></div><pre aria-labelledby=tab-c id=source-code role=tabpanel tabindex=0><span aria-hidden=true class=line-numbers></span><code>Loading source…</code></pre></section></main><script src="sample.js?v=4"defer></script><script>var Module={locateFile:(e,l)=>`${l}${e}?v=5`}</script><template id=runtime-script><script src=gpu-instancing-webgpu-usl.js async></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=5`,runtime.async=!0,document.body.appendChild(runtime)</script></body></html>
1+
<!doctypehtml><html lang=en><head><meta charset=utf-8><meta content="width=device-width,initial-scale=1"name=viewport><link href=data:, rel=icon><link href="gallery.css?v=5"rel=stylesheet><title>Instancing · GPU + USL</title></head><body class=sample-page data-c-source=sources/instancing.c data-usl-source=sources/instancing.usl data-wgsl-source=sources/instancing.wgsl><header class=sample-head><a class=back-link href=index.html><span>←</span> Sample index</a><div class=sample-heading><p>Render / instances + offsets</p><h1>Instancing</h1></div><div class=runtime-badge><i></i> WebGPU live</div></header><main class=sample-workbench><section aria-label="Live WebGPU output"class=stage><canvas id=canvas oncontextmenu=event.preventDefault()></canvas><aside aria-label="Debug metrics"class=debug-overlay><button class=debug-toggle type=button aria-expanded=true><span>Debug</span> <svg aria-hidden=true viewBox="0 0 16 16"><path d="m4 6 4 4 4-4"/></svg></button><div class=debug-metrics aria-live=off><b data-debug=fps>-- FPS</b> <span data-debug=frame>-- ms frame</span> <span data-debug=canvas>-- × -- px</span></div></aside><div class=stage-meta><p>Two dynamic uniform slices drive eight instances without rebuilding the bind group.</p><div id=status>GPU: loading sample</div></div></section><section aria-label=Source class=source-panel><div class=source-toolbar><div class=source-tabs aria-label="Source language"role=tablist><button aria-controls=source-code aria-selected=true data-source=c id=tab-c role=tab>GPU C</button> <button aria-controls=source-code aria-selected=false data-source=usl id=tab-usl role=tab>USL</button> <button aria-controls=source-code aria-selected=false data-source=wgsl id=tab-wgsl role=tab>Generated WGSL</button></div><button class=copy-button type=button>Copy</button></div><pre aria-labelledby=tab-c id=source-code role=tabpanel tabindex=0><span aria-hidden=true class=line-numbers></span><code>Loading source…</code></pre></section></main><script src="sample.js?v=4"defer></script><script>var Module={locateFile:(e,l)=>`${l}${e}?v=5`}</script><template id=runtime-script><script src=gpu-instancing-webgpu-usl.js async></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=5`,runtime.async=!0,document.body.appendChild(runtime)</script></body></html>

‎gpu-textured-cube-webgpu-usl-shell.html‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@ <h1>Rotating cube</h1>
3333
<div class="debug-metrics" aria-live="off">
3434
<b data-debug="fps">-- FPS</b>
3535
<span data-debug="frame">-- ms frame</span>
36-
<span data-debug="heap">-- Wasm capacity</span>
3736
<span data-debug="canvas">-- × -- px</span>
3837
</div>
3938
</aside>

0 commit comments

Comments
 (0)