Skip to content

Commit b0e1310

Browse files
committed
update webgpu gallery
1 parent 5ad55e1 commit b0e1310

195 files changed

Lines changed: 8289 additions & 1717 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

gallery.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -140,6 +140,7 @@ a:focus-visible, button:focus-visible { outline: 2px solid var(--copper-bright);
140140
.stage-meta p .project-link { color: var(--link-blue); }
141141
#status { color: var(--stone-dark); font: 10px/1.4 var(--mono); }
142142
#status[data-failed="true"] { color: #ff765f; }
143+
#status[data-failed="notice"] { color: var(--copper-bright); }
143144

144145
.source-panel { margin-top: 80px; overflow: hidden; background: var(--panel); border: 1px solid var(--line); border-radius: 14px; }
145146
.source-toolbar { min-height: 48px; display: flex; align-items: stretch; justify-content: space-between; border-bottom: 1px solid var(--line); }

gallery.js

Lines changed: 0 additions & 11 deletions
This file was deleted.

gpu-bloom-webgpu-usl.data

16.2 KB
Binary file not shown.

gpu-bloom-webgpu-usl.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +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=31"rel=stylesheet><title>Separable bloom · GPU + USL</title></head><body class=sample-page data-c-source=sources/bloom.c data-usl-source=sources/bloom.usl data-wgsl-source=sources/bloom.wgsl><header class=sample-head><a class=back-link href=index.html><span></span> Sample index</a><div class=sample-heading><p>Compute / post-processing</p><h1>Separable bloom</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 compute passes blur a bright source before render composites the glow.</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>const gpuPageParams=new URLSearchParams(window.location.search),gpuAssetVersion=encodeURIComponent(gpuPageParams.get("v")||"31");var Module={locateFile:(e,s)=>`${s}${e}?v=${gpuAssetVersion}`};const sampleRuntime=document.createElement("script");sampleRuntime.src=`sample.js?v=${gpuAssetVersion}`,sampleRuntime.async=!1,document.body.appendChild(sampleRuntime)</script><template id=runtime-script><script async src=gpu-bloom-webgpu-usl.js></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=${gpuAssetVersion}`,runtime.async=!1,document.body.appendChild(runtime)</script></body></html>

gpu-bloom-webgpu-usl.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

gpu-bloom-webgpu-usl.wasm

1.7 MB
Binary file not shown.
10.6 KB
Binary file not shown.
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +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=31"rel=stylesheet><title>Compute particles · GPU + USL</title></head><body class=sample-page data-c-source=sources/compute-particles.c data-usl-source=sources/compute-particles.usl data-wgsl-source=sources/compute-particles.wgsl><header class=sample-head><a class=back-link href=index.html><span></span> Sample index</a><div class=sample-heading><p>Compute / storage + indirect</p><h1>Compute particles</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 updates a persistent particle field that render consumes through an indirect instanced draw.</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>const gpuPageParams=new URLSearchParams(window.location.search),gpuAssetVersion=encodeURIComponent(gpuPageParams.get("v")||"31");var Module={locateFile:(e,s)=>`${s}${e}?v=${gpuAssetVersion}`};const sampleRuntime=document.createElement("script");sampleRuntime.src=`sample.js?v=${gpuAssetVersion}`,sampleRuntime.async=!1,document.body.appendChild(sampleRuntime)</script><template id=runtime-script><script async src=gpu-compute-particles-webgpu-usl.js></script></template><script>const runtimeTemplate=document.querySelector("#runtime-script"),runtimeSource=runtimeTemplate.content.querySelector("script").getAttribute("src"),runtime=document.createElement("script");runtime.src=`${runtimeSource}?v=${gpuAssetVersion}`,runtime.async=!1,document.body.appendChild(runtime)</script></body></html>

gpu-compute-particles-webgpu-usl.js

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
1.7 MB
Binary file not shown.

0 commit comments

Comments
 (0)