Deploying to gh-pages from @ 1e05ae9 🚀

webgpu · Oct 1, 2024 · fc38064 · fc38064
1 parent d36284d
commit fc38064
Show file tree

Hide file tree

Showing 14 changed files with 6,047 additions and 7 deletions.
diff --git a/main.js b/main.js
@@ -527,6 +527,18 @@ var texturedCube = {
     ],
 };
 
+var transparentCanvas = {
+    name: 'Transparent Cavnas',
+    description: 'This example shows use of a transparent WebGPU canvas.',
+    filename: "sample/transparentCanvas",
+    sources: [
+        { path: 'main.ts' },
+        { path: '../../shaders/basic.vert.wgsl' },
+        { path: '../../shaders/vertexPositionColorAlpha.frag.wgsl' },
+        { path: '../../meshes/cube.ts' },
+    ],
+};
+
 var twoCubes = {
     name: 'Two Cubes',
     description: 'This example shows some of the alignment requirements \
@@ -690,6 +702,7 @@ const pageCategories = [
         samples: {
             resizeCanvas,
             resizeObserverHDDPI,
+            transparentCanvas,
             multipleCanvases,
             videoUploading,
             worker,

diff --git a/main.js.map b/main.js.map
diff --git a/sample/helloTriangle/main.js b/sample/helloTriangle/main.js
diff --git a/sample/helloTriangle/main.js.map b/sample/helloTriangle/main.js.map
diff --git a/sample/helloTriangle/main.ts b/sample/helloTriangle/main.ts
@@ -17,7 +17,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const pipeline = device.createRenderPipeline({

diff --git a/sample/helloTriangleMSAA/main.js b/sample/helloTriangleMSAA/main.js