Deploying to gh-pages from @ 95137ca 🚀

webgpu · Mar 6, 2024 · 18fa3d1 · 18fa3d1
1 parent 64c3ade
commit 18fa3d1
Show file tree

Hide file tree

Showing 61 changed files with 38 additions and 36 deletions.
diff --git a/404.html b/404.html
diff --git a/...M0wXqvipaUt3JcwjOwF/samples/A-buffer.json → ...HbQyIiof20RYPU01XyC/samples/A-buffer.json b/...M0wXqvipaUt3JcwjOwF/samples/A-buffer.json → ...HbQyIiof20RYPU01XyC/samples/A-buffer.json
diff --git a/...wXqvipaUt3JcwjOwF/samples/animometer.json → ...QyIiof20RYPU01XyC/samples/animometer.json b/...wXqvipaUt3JcwjOwF/samples/animometer.json → ...QyIiof20RYPU01XyC/samples/animometer.json
diff --git a/...XqvipaUt3JcwjOwF/samples/bitonicSort.json → ...yIiof20RYPU01XyC/samples/bitonicSort.json b/...XqvipaUt3JcwjOwF/samples/bitonicSort.json → ...yIiof20RYPU01XyC/samples/bitonicSort.json
diff --git a/...FM0wXqvipaUt3JcwjOwF/samples/cameras.json → ...6HbQyIiof20RYPU01XyC/samples/cameras.json b/...FM0wXqvipaUt3JcwjOwF/samples/cameras.json → ...6HbQyIiof20RYPU01XyC/samples/cameras.json
diff --git a/...qvipaUt3JcwjOwF/samples/computeBoids.json → ...Iiof20RYPU01XyC/samples/computeBoids.json b/...qvipaUt3JcwjOwF/samples/computeBoids.json → ...Iiof20RYPU01XyC/samples/computeBoids.json
diff --git a/...FM0wXqvipaUt3JcwjOwF/samples/cornell.json → ...6HbQyIiof20RYPU01XyC/samples/cornell.json b/...FM0wXqvipaUt3JcwjOwF/samples/cornell.json → ...6HbQyIiof20RYPU01XyC/samples/cornell.json
diff --git a/...FM0wXqvipaUt3JcwjOwF/samples/cubemap.json → ...6HbQyIiof20RYPU01XyC/samples/cubemap.json b/...FM0wXqvipaUt3JcwjOwF/samples/cubemap.json → ...6HbQyIiof20RYPU01XyC/samples/cubemap.json
diff --git a/...Ut3JcwjOwF/samples/deferredRendering.json → ...0RYPU01XyC/samples/deferredRendering.json b/...Ut3JcwjOwF/samples/deferredRendering.json → ...0RYPU01XyC/samples/deferredRendering.json
diff --git a/...XqvipaUt3JcwjOwF/samples/fractalCube.json → ...yIiof20RYPU01XyC/samples/fractalCube.json b/...XqvipaUt3JcwjOwF/samples/fractalCube.json → ...yIiof20RYPU01XyC/samples/fractalCube.json
diff --git a/...wXqvipaUt3JcwjOwF/samples/gameOfLife.json → ...QyIiof20RYPU01XyC/samples/gameOfLife.json b/...wXqvipaUt3JcwjOwF/samples/gameOfLife.json → ...QyIiof20RYPU01XyC/samples/gameOfLife.json
diff --git a/...vipaUt3JcwjOwF/samples/helloTriangle.json → ...iof20RYPU01XyC/samples/helloTriangle.json b/...vipaUt3JcwjOwF/samples/helloTriangle.json → ...iof20RYPU01XyC/samples/helloTriangle.json
diff --git a/...Ut3JcwjOwF/samples/helloTriangleMSAA.json → ...0RYPU01XyC/samples/helloTriangleMSAA.json b/...Ut3JcwjOwF/samples/helloTriangleMSAA.json → ...0RYPU01XyC/samples/helloTriangleMSAA.json
diff --git a/...0wXqvipaUt3JcwjOwF/samples/imageBlur.json → ...bQyIiof20RYPU01XyC/samples/imageBlur.json b/...0wXqvipaUt3JcwjOwF/samples/imageBlur.json → ...bQyIiof20RYPU01XyC/samples/imageBlur.json
diff --git a/...vipaUt3JcwjOwF/samples/instancedCube.json → ...iof20RYPU01XyC/samples/instancedCube.json b/...vipaUt3JcwjOwF/samples/instancedCube.json → ...iof20RYPU01XyC/samples/instancedCube.json
diff --git a/...0wXqvipaUt3JcwjOwF/samples/normalMap.json → ...bQyIiof20RYPU01XyC/samples/normalMap.json b/...0wXqvipaUt3JcwjOwF/samples/normalMap.json → ...bQyIiof20RYPU01XyC/samples/normalMap.json
diff --git a/...0wXqvipaUt3JcwjOwF/samples/particles.json → ...bQyIiof20RYPU01XyC/samples/particles.json b/...0wXqvipaUt3JcwjOwF/samples/particles.json → ...bQyIiof20RYPU01XyC/samples/particles.json
diff --git a/...vipaUt3JcwjOwF/samples/renderBundles.json → ...iof20RYPU01XyC/samples/renderBundles.json b/...vipaUt3JcwjOwF/samples/renderBundles.json → ...iof20RYPU01XyC/samples/renderBundles.json
diff --git a/...qvipaUt3JcwjOwF/samples/resizeCanvas.json → ...Iiof20RYPU01XyC/samples/resizeCanvas.json b/...qvipaUt3JcwjOwF/samples/resizeCanvas.json → ...Iiof20RYPU01XyC/samples/resizeCanvas.json
diff --git a/...0wXqvipaUt3JcwjOwF/samples/reversedZ.json → ...bQyIiof20RYPU01XyC/samples/reversedZ.json b/...0wXqvipaUt3JcwjOwF/samples/reversedZ.json → ...bQyIiof20RYPU01XyC/samples/reversedZ.json
diff --git a/...qvipaUt3JcwjOwF/samples/rotatingCube.json → ...Iiof20RYPU01XyC/samples/rotatingCube.json b/...qvipaUt3JcwjOwF/samples/rotatingCube.json → ...Iiof20RYPU01XyC/samples/rotatingCube.json
diff --git a/...Ut3JcwjOwF/samples/samplerParameters.json → ...0RYPU01XyC/samples/samplerParameters.json b/...Ut3JcwjOwF/samples/samplerParameters.json → ...0RYPU01XyC/samples/samplerParameters.json
diff --git a/...vipaUt3JcwjOwF/samples/shadowMapping.json → ...iof20RYPU01XyC/samples/shadowMapping.json b/...vipaUt3JcwjOwF/samples/shadowMapping.json → ...iof20RYPU01XyC/samples/shadowMapping.json
diff --git a/...XqvipaUt3JcwjOwF/samples/skinnedMesh.json → ...yIiof20RYPU01XyC/samples/skinnedMesh.json b/...XqvipaUt3JcwjOwF/samples/skinnedMesh.json → ...yIiof20RYPU01XyC/samples/skinnedMesh.json
diff --git a/...qvipaUt3JcwjOwF/samples/texturedCube.json → ...Iiof20RYPU01XyC/samples/texturedCube.json b/...qvipaUt3JcwjOwF/samples/texturedCube.json → ...Iiof20RYPU01XyC/samples/texturedCube.json
diff --git a/...M0wXqvipaUt3JcwjOwF/samples/twoCubes.json → ...HbQyIiof20RYPU01XyC/samples/twoCubes.json b/...M0wXqvipaUt3JcwjOwF/samples/twoCubes.json → ...HbQyIiof20RYPU01XyC/samples/twoCubes.json
diff --git a/...ipaUt3JcwjOwF/samples/videoUploading.json → ...of20RYPU01XyC/samples/videoUploading.json b/...ipaUt3JcwjOwF/samples/videoUploading.json → ...of20RYPU01XyC/samples/videoUploading.json
diff --git a/...SFM0wXqvipaUt3JcwjOwF/samples/worker.json → ...A6HbQyIiof20RYPU01XyC/samples/worker.json b/...SFM0wXqvipaUt3JcwjOwF/samples/worker.json → ...A6HbQyIiof20RYPU01XyC/samples/worker.json
diff --git a/_next/static/A6HbQyIiof20RYPU01XyC/_buildManifest.js b/_next/static/A6HbQyIiof20RYPU01XyC/_buildManifest.js
diff --git a/...tic/SFM0wXqvipaUt3JcwjOwF/_ssgManifest.js → ...tic/A6HbQyIiof20RYPU01XyC/_ssgManifest.js b/...tic/SFM0wXqvipaUt3JcwjOwF/_ssgManifest.js → ...tic/A6HbQyIiof20RYPU01XyC/_ssgManifest.js
diff --git a/_next/static/SFM0wXqvipaUt3JcwjOwF/_buildManifest.js b/_next/static/SFM0wXqvipaUt3JcwjOwF/_buildManifest.js
diff --git a/_next/static/chunks/pages/samples/videoUploadingWebCodecs-25568147651b3741.js b/_next/static/chunks/pages/samples/videoUploadingWebCodecs-25568147651b3741.js
diff --git a/index.html b/index.html
diff --git a/samples/A-buffer.html b/samples/A-buffer.html
diff --git a/samples/animometer.html b/samples/animometer.html
diff --git a/samples/bitonicSort.html b/samples/bitonicSort.html
diff --git a/samples/cameras.html b/samples/cameras.html
diff --git a/samples/computeBoids.html b/samples/computeBoids.html
diff --git a/samples/cornell.html b/samples/cornell.html
diff --git a/samples/cubemap.html b/samples/cubemap.html
diff --git a/samples/deferredRendering.html b/samples/deferredRendering.html
diff --git a/samples/fractalCube.html b/samples/fractalCube.html
diff --git a/samples/gameOfLife.html b/samples/gameOfLife.html
diff --git a/samples/helloTriangle.html b/samples/helloTriangle.html
diff --git a/samples/helloTriangleMSAA.html b/samples/helloTriangleMSAA.html
diff --git a/samples/imageBlur.html b/samples/imageBlur.html
diff --git a/samples/instancedCube.html b/samples/instancedCube.html
diff --git a/samples/normalMap.html b/samples/normalMap.html
diff --git a/samples/particles.html b/samples/particles.html
diff --git a/samples/renderBundles.html b/samples/renderBundles.html
diff --git a/samples/resizeCanvas.html b/samples/resizeCanvas.html
diff --git a/samples/reversedZ.html b/samples/reversedZ.html
diff --git a/samples/rotatingCube.html b/samples/rotatingCube.html
diff --git a/samples/samplerParameters.html b/samples/samplerParameters.html
diff --git a/samples/shadowMapping.html b/samples/shadowMapping.html
diff --git a/samples/skinnedMesh.html b/samples/skinnedMesh.html
diff --git a/samples/texturedCube.html b/samples/texturedCube.html
diff --git a/samples/twoCubes.html b/samples/twoCubes.html
diff --git a/samples/videoUploading.html b/samples/videoUploading.html
diff --git a/samples/videoUploadingWebCodecs.html b/samples/videoUploadingWebCodecs.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><title>WebGPU Samples</title><meta name="description" content="The WebGPU Samples are a set of samples demonstrating the use of the WebGPU API."/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta http-equiv="refresh" content="0; url=/webgpu-samples/samples/videoUploading?videoSource=videoFrame"/><meta name="next-head-count" content="5"/><link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/codemirror.min.css" rel="stylesheet"/><link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/theme/monokai.min.css" rel="stylesheet"/><meta http-equiv="origin-trial" content="Ajk6hJ+H2On45QTvVPJLRgjt+S01bdGuXXSu9Oci5oOcypHiuDPM6hW5Wp1GRegFTOU77li5tYRZrhp+RN2ZYgAAAABQeyJvcmlnaW4iOiJodHRwczovL3dlYmdwdS5naXRodWIuaW86NDQzIiwiZmVhdHVyZSI6IldlYkdQVSIsImV4cGlyeSI6MTY5MTcxMTk5OX0="/><link rel="icon" type="image/x-icon" href="/webgpu-samples/favicon.ico"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preload" href="/webgpu-samples/_next/static/css/885a416e2ac1d489.css" as="style"/><link rel="stylesheet" href="/webgpu-samples/_next/static/css/885a416e2ac1d489.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/webgpu-samples/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/webgpu-samples/_next/static/chunks/webpack-912bc0c2eca5bf7b.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/framework-3b5a00d5d7e8d93b.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/main-6fe3c393ddfa4534.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/pages/_app-702590028af5107c.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/pages/samples/videoUploadingWebCodecs-25568147651b3741.js" defer=""></script><script src="/webgpu-samples/_next/static/A6HbQyIiof20RYPU01XyC/_buildManifest.js" defer=""></script><script src="/webgpu-samples/_next/static/A6HbQyIiof20RYPU01XyC/_ssgManifest.js" defer=""></script><style data-href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap">@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32kQ.woff) format('woff')}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WRL2kXWdycuJDETf.woff) format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WRP2kXWdycuJDETf.woff) format('woff');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/l/font?kit=QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32kXWdycuJDA&skey=20fa6569a31c71ee&v=v32) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body><div id="__next"><div class="MainLayout_wrapper__eI_HE"><nav class="MainLayout_panel__GdjKj MainLayout_container__l_Vkn" data-expanded="false"><h1><a href="/webgpu-samples">WebGPU Samples</a><div class="MainLayout_expand__FEWWW"></div></h1><div class="MainLayout_panelContents__w1BWs"><a href="https://github.com/webgpu/webgpu-samples">Github</a><hr/><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Basic Graphics</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Basic rendering functionality implemented with the WebGPU API.</p></div><li><a href="/webgpu-samples/samples/helloTriangle">helloTriangle</a></li><li><a href="/webgpu-samples/samples/helloTriangleMSAA">helloTriangleMSAA</a></li><li><a href="/webgpu-samples/samples/rotatingCube">rotatingCube</a></li><li><a href="/webgpu-samples/samples/twoCubes">twoCubes</a></li><li><a href="/webgpu-samples/samples/texturedCube">texturedCube</a></li><li><a href="/webgpu-samples/samples/samplerParameters">samplerParameters</a></li><li><a href="/webgpu-samples/samples/instancedCube">instancedCube</a></li><li><a href="/webgpu-samples/samples/fractalCube">fractalCube</a></li><li><a href="/webgpu-samples/samples/cubemap">cubemap</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">WebGPU Features</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Highlights of important WebGPU features.</p></div><li><a href="/webgpu-samples/samples/reversedZ">reversedZ</a></li><li><a href="/webgpu-samples/samples/renderBundles">renderBundles</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">GPGPU Demos</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Visualizations of parallel GPU compute operations.</p></div><li><a href="/webgpu-samples/samples/computeBoids">computeBoids</a></li><li><a href="/webgpu-samples/samples/gameOfLife">gameOfLife</a></li><li><a href="/webgpu-samples/samples/bitonicSort">bitonicSort</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Graphics Techniques</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">A collection of graphics techniques implemented with WebGPU.</p></div><li><a href="/webgpu-samples/samples/cameras">cameras</a></li><li><a href="/webgpu-samples/samples/normalMap">normalMap</a></li><li><a href="/webgpu-samples/samples/shadowMapping">shadowMapping</a></li><li><a href="/webgpu-samples/samples/deferredRendering">deferredRendering</a></li><li><a href="/webgpu-samples/samples/particles">particles</a></li><li><a href="/webgpu-samples/samples/imageBlur">imageBlur</a></li><li><a href="/webgpu-samples/samples/cornell">cornell</a></li><li><a href="/webgpu-samples/samples/A-buffer">A-buffer</a></li><li><a href="/webgpu-samples/samples/skinnedMesh">skinnedMesh</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Web Platform Integration</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Demos integrating WebGPU with other functionalities of the web platform.</p></div><li><a href="/webgpu-samples/samples/resizeCanvas">resizeCanvas</a></li><li><a href="/webgpu-samples/samples/videoUploading">videoUploading</a></li><li><a href="/webgpu-samples/samples/worker">worker</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Benchmarks</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">WebGPU Performance Benchmarks</p></div><li><a href="/webgpu-samples/samples/animometer">animometer</a></li></div></ul><hr/><h3 style="margin-bottom:5px">Other Pages</h3><ul style="margin:0px;padding-bottom:20px" class="MainLayout_exampleList__FHCmd"><li><a rel="noreferrer" target="_blank" href="/webgpu-samples/workload-simulator.html">Workload Simulator ↗️</a></li></ul></div></nav></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/samples/videoUploadingWebCodecs","query":{},"buildId":"A6HbQyIiof20RYPU01XyC","assetPrefix":"/webgpu-samples","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
diff --git a/samples/worker.html b/samples/worker.html
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html><head><meta charSet="utf-8"/><title>WebGPU Samples</title><meta name="description" content="The WebGPU Samples are a set of samples demonstrating the use of the WebGPU API."/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta http-equiv="refresh" content="0; url=/webgpu-samples/samples/videoUploading?videoSource=videoFrame"/><meta name="next-head-count" content="5"/><link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/codemirror.min.css" rel="stylesheet"/><link href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/theme/monokai.min.css" rel="stylesheet"/><meta http-equiv="origin-trial" content="Ajk6hJ+H2On45QTvVPJLRgjt+S01bdGuXXSu9Oci5oOcypHiuDPM6hW5Wp1GRegFTOU77li5tYRZrhp+RN2ZYgAAAABQeyJvcmlnaW4iOiJodHRwczovL3dlYmdwdS5naXRodWIuaW86NDQzIiwiZmVhdHVyZSI6IldlYkdQVSIsImV4cGlyeSI6MTY5MTcxMTk5OX0="/><link rel="icon" type="image/x-icon" href="/webgpu-samples/favicon.ico"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="preload" href="/webgpu-samples/_next/static/css/885a416e2ac1d489.css" as="style"/><link rel="stylesheet" href="/webgpu-samples/_next/static/css/885a416e2ac1d489.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/webgpu-samples/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/webgpu-samples/_next/static/chunks/webpack-912bc0c2eca5bf7b.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/framework-3b5a00d5d7e8d93b.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/main-6fe3c393ddfa4534.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/pages/_app-702590028af5107c.js" defer=""></script><script src="/webgpu-samples/_next/static/chunks/pages/samples/videoUploadingWebCodecs-25568147651b3741.js" defer=""></script><script src="/webgpu-samples/_next/static/A6HbQyIiof20RYPU01XyC/_buildManifest.js" defer=""></script><script src="/webgpu-samples/_next/static/A6HbQyIiof20RYPU01XyC/_ssgManifest.js" defer=""></script><style data-href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap">@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;src:url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32kQ.woff) format('woff')}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WRL2kXWdycuJDETf.woff) format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/inconsolata/v32/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WRP2kXWdycuJDETf.woff) format('woff');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inconsolata';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/l/font?kit=QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8WR32kXWdycuJDA&skey=20fa6569a31c71ee&v=v32) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body><div id="__next"><div class="MainLayout_wrapper__eI_HE"><nav class="MainLayout_panel__GdjKj MainLayout_container__l_Vkn" data-expanded="false"><h1><a href="/webgpu-samples">WebGPU Samples</a><div class="MainLayout_expand__FEWWW"></div></h1><div class="MainLayout_panelContents__w1BWs"><a href="https://github.com/webgpu/webgpu-samples">Github</a><hr/><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Basic Graphics</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Basic rendering functionality implemented with the WebGPU API.</p></div><li><a href="/webgpu-samples/samples/helloTriangle">helloTriangle</a></li><li><a href="/webgpu-samples/samples/helloTriangleMSAA">helloTriangleMSAA</a></li><li><a href="/webgpu-samples/samples/rotatingCube">rotatingCube</a></li><li><a href="/webgpu-samples/samples/twoCubes">twoCubes</a></li><li><a href="/webgpu-samples/samples/texturedCube">texturedCube</a></li><li><a href="/webgpu-samples/samples/samplerParameters">samplerParameters</a></li><li><a href="/webgpu-samples/samples/instancedCube">instancedCube</a></li><li><a href="/webgpu-samples/samples/fractalCube">fractalCube</a></li><li><a href="/webgpu-samples/samples/cubemap">cubemap</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">WebGPU Features</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Highlights of important WebGPU features.</p></div><li><a href="/webgpu-samples/samples/reversedZ">reversedZ</a></li><li><a href="/webgpu-samples/samples/renderBundles">renderBundles</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">GPGPU Demos</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Visualizations of parallel GPU compute operations.</p></div><li><a href="/webgpu-samples/samples/computeBoids">computeBoids</a></li><li><a href="/webgpu-samples/samples/gameOfLife">gameOfLife</a></li><li><a href="/webgpu-samples/samples/bitonicSort">bitonicSort</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Graphics Techniques</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">A collection of graphics techniques implemented with WebGPU.</p></div><li><a href="/webgpu-samples/samples/cameras">cameras</a></li><li><a href="/webgpu-samples/samples/normalMap">normalMap</a></li><li><a href="/webgpu-samples/samples/shadowMapping">shadowMapping</a></li><li><a href="/webgpu-samples/samples/deferredRendering">deferredRendering</a></li><li><a href="/webgpu-samples/samples/particles">particles</a></li><li><a href="/webgpu-samples/samples/imageBlur">imageBlur</a></li><li><a href="/webgpu-samples/samples/cornell">cornell</a></li><li><a href="/webgpu-samples/samples/A-buffer">A-buffer</a></li><li><a href="/webgpu-samples/samples/skinnedMesh">skinnedMesh</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Web Platform Integration</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">Demos integrating WebGPU with other functionalities of the web platform.</p></div><li><a href="/webgpu-samples/samples/resizeCanvas">resizeCanvas</a></li><li><a href="/webgpu-samples/samples/videoUploading">videoUploading</a></li><li><a href="/webgpu-samples/samples/worker">worker</a></li></div></ul><ul class="MainLayout_exampleList__FHCmd"><div><div class="SampleCategory_sampleCategory__n_wZK"><h3 style="cursor:pointer;width:auto">Benchmarks</h3><p class="SampleCategory_sampleCategoryDescription__3tJee" data-active="false">WebGPU Performance Benchmarks</p></div><li><a href="/webgpu-samples/samples/animometer">animometer</a></li></div></ul><hr/><h3 style="margin-bottom:5px">Other Pages</h3><ul style="margin:0px;padding-bottom:20px" class="MainLayout_exampleList__FHCmd"><li><a rel="noreferrer" target="_blank" href="/webgpu-samples/workload-simulator.html">Workload Simulator ↗️</a></li></ul></div></nav></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/samples/videoUploadingWebCodecs","query":{},"buildId":"A6HbQyIiof20RYPU01XyC","assetPrefix":"/webgpu-samples","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>