Skip to content

Commit cc75b51

Browse files
committed
update webgpu gallery
1 parent 17629d2 commit cc75b51

12 files changed

Lines changed: 759 additions & 103 deletions

gpu-blit-webgpu-usl.data

5.39 KB
Binary file not shown.

gpu-blit-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=44"rel=stylesheet><title>Texture blit · GPU + USL</title></head><body class=sample-page data-asset-source=""data-c-source=sources/blit.c data-usl-source=sources/blit.usl data-wgsl-source=sources/blit.wgsl><header class=sample-head><a class=back-link href=index.html><span></span> Sample index</a><div class=sample-heading><p>Blit / source + nearest + linear</p><h1>Texture blit</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>The 32x32 source is magnified at left; nearest and linear 256x256 blit targets are shown at center and right.</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")||"44");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-blit-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-blit-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-blit-webgpu-usl.wasm

306 KB
Binary file not shown.

gpu-textured-quad-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=42"rel=stylesheet><title>Texture path · GPU + USL</title></head><body class=sample-page data-asset-source=""data-c-source=sources/textured-quad.c data-usl-source=sources/textured-quad.usl data-wgsl-source=sources/textured-quad.wgsl><header class=sample-head><a class=back-link href=index.html><span></span> Sample index</a><div class=sample-heading><p>Render / texture + sampler</p><h1>Texture path</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>A copied checkerboard validating transfer, USL reflection, typed texture layouts, and bind groups.</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")||"42");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-textured-quad-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>
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=44"rel=stylesheet><title>Transfer chain · GPU + USL</title></head><body class=sample-page data-asset-source=""data-c-source=sources/textured-quad.c data-usl-source=sources/textured-quad.usl data-wgsl-source=sources/textured-quad.wgsl><header class=sample-head><a class=back-link href=index.html><span></span> Sample index</a><div class=sample-heading><p>Transfer + binding / buffer + texture</p><h1>Transfer chain</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>All four copy directions execute; the texture-to-texture result is then bound and sampled.</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")||"44");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-textured-quad-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-textured-quad-webgpu-usl.wasm

8.05 KB
Binary file not shown.

0 commit comments

Comments
 (0)