diff --git a/sample/alphaToCoverage/main.ts b/sample/alphaToCoverage/main.ts
index 0ff37ccd..cde25c0a 100644
--- a/sample/alphaToCoverage/main.ts
+++ b/sample/alphaToCoverage/main.ts
@@ -69,7 +69,6 @@ const context = canvas.getContext('webgpu') as GPUCanvasContext;
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 //
diff --git a/sample/animometer/main.ts b/sample/animometer/main.ts
index 7ea1f6b8..1d583640 100644
--- a/sample/animometer/main.ts
+++ b/sample/animometer/main.ts
@@ -39,7 +39,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
   usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.RENDER_ATTACHMENT,
 });
 
diff --git a/sample/bitonicSort/utils.ts b/sample/bitonicSort/utils.ts
index 6a749183..762cda58 100644
--- a/sample/bitonicSort/utils.ts
+++ b/sample/bitonicSort/utils.ts
@@ -134,7 +134,6 @@ export const SampleInitFactoryWebGPU = async (
     context.configure({
       device,
       format: presentationFormat,
-      alphaMode: 'premultiplied',
     });
 
     callback({
diff --git a/sample/cameras/main.ts b/sample/cameras/main.ts
index 42154f17..7a7791e6 100644
--- a/sample/cameras/main.ts
+++ b/sample/cameras/main.ts
@@ -53,7 +53,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create a vertex buffer from the cube data.
diff --git a/sample/computeBoids/main.ts b/sample/computeBoids/main.ts
index dade757e..616731b9 100644
--- a/sample/computeBoids/main.ts
+++ b/sample/computeBoids/main.ts
@@ -39,7 +39,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const spriteShaderModule = device.createShaderModule({ code: spriteWGSL });
diff --git a/sample/cornell/main.ts b/sample/cornell/main.ts
index 66b5e7c3..ccbb5cd0 100644
--- a/sample/cornell/main.ts
+++ b/sample/cornell/main.ts
@@ -46,7 +46,6 @@ context.configure({
   device,
   format: presentationFormat,
   usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.STORAGE_BINDING,
-  alphaMode: 'premultiplied',
 });
 
 const framebuffer = device.createTexture({
diff --git a/sample/cubemap/main.ts b/sample/cubemap/main.ts
index 9613ccbc..4cc438ef 100644
--- a/sample/cubemap/main.ts
+++ b/sample/cubemap/main.ts
@@ -27,7 +27,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create a vertex buffer from the cube data.
diff --git a/sample/deferredRendering/main.ts b/sample/deferredRendering/main.ts
index 29314194..e386b7f6 100644
--- a/sample/deferredRendering/main.ts
+++ b/sample/deferredRendering/main.ts
@@ -29,7 +29,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create the model vertex buffer.
diff --git a/sample/fractalCube/main.ts b/sample/fractalCube/main.ts
index 196fe424..ed308527 100644
--- a/sample/fractalCube/main.ts
+++ b/sample/fractalCube/main.ts
@@ -31,7 +31,6 @@ context.configure({
   // Specify we want both RENDER_ATTACHMENT and COPY_SRC since we
   // will copy out of the swapchain texture.
   usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.COPY_SRC,
-  alphaMode: 'premultiplied',
 });
 
 // Create a vertex buffer from the cube data.
diff --git a/sample/gameOfLife/main.ts b/sample/gameOfLife/main.ts
index 24133039..0faaa424 100644
--- a/sample/gameOfLife/main.ts
+++ b/sample/gameOfLife/main.ts
@@ -18,7 +18,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const GameOptions = {
diff --git a/sample/helloTriangle/main.ts b/sample/helloTriangle/main.ts
index ac7f6792..55997d30 100644
--- a/sample/helloTriangle/main.ts
+++ b/sample/helloTriangle/main.ts
@@ -50,7 +50,7 @@ function frame() {
     colorAttachments: [
       {
         view: textureView,
-        clearValue: [0, 0, 0, 1],
+        clearValue: [0, 0, 0, 0], // Clear to transparent
         loadOp: 'clear',
         storeOp: 'store',
       },
diff --git a/sample/helloTriangleMSAA/main.ts b/sample/helloTriangleMSAA/main.ts
index 4f5636d2..465d8867 100644
--- a/sample/helloTriangleMSAA/main.ts
+++ b/sample/helloTriangleMSAA/main.ts
@@ -63,7 +63,7 @@ function frame() {
       {
         view,
         resolveTarget: context.getCurrentTexture().createView(),
-        clearValue: [0, 0, 0, 1],
+        clearValue: [0, 0, 0, 0], // Clear to transparent
         loadOp: 'clear',
         storeOp: 'discard',
       },
diff --git a/sample/imageBlur/main.ts b/sample/imageBlur/main.ts
index 6cdebac1..8d27f3ab 100644
--- a/sample/imageBlur/main.ts
+++ b/sample/imageBlur/main.ts
@@ -22,7 +22,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const blurPipeline = device.createComputePipeline({
diff --git a/sample/instancedCube/main.ts b/sample/instancedCube/main.ts
index 40fc2116..333738ec 100644
--- a/sample/instancedCube/main.ts
+++ b/sample/instancedCube/main.ts
@@ -27,7 +27,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create a vertex buffer from the cube data.
diff --git a/sample/normalMap/main.ts b/sample/normalMap/main.ts
index 101396db..d23eaca6 100644
--- a/sample/normalMap/main.ts
+++ b/sample/normalMap/main.ts
@@ -29,7 +29,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 interface GUISettings {
diff --git a/sample/occlusionQuery/main.ts b/sample/occlusionQuery/main.ts
index 309d1b46..8b1d9170 100644
--- a/sample/occlusionQuery/main.ts
+++ b/sample/occlusionQuery/main.ts
@@ -44,7 +44,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 const depthFormat = 'depth24plus';
 
diff --git a/sample/particles/main.ts b/sample/particles/main.ts
index 190bcf7a..2af352e1 100644
--- a/sample/particles/main.ts
+++ b/sample/particles/main.ts
@@ -33,7 +33,6 @@ function configureContext() {
     device,
     format: presentationFormat,
     toneMapping: { mode: simulationParams.toneMappingMode },
-    alphaMode: 'premultiplied',
   });
   hdrFolder.name = getHdrFolderName();
 }
diff --git a/sample/renderBundles/main.ts b/sample/renderBundles/main.ts
index 2b0a8137..5aec8124 100644
--- a/sample/renderBundles/main.ts
+++ b/sample/renderBundles/main.ts
@@ -40,7 +40,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const shaderModule = device.createShaderModule({
diff --git a/sample/resizeCanvas/main.ts b/sample/resizeCanvas/main.ts
index eba9e9a7..4ae6c782 100644
--- a/sample/resizeCanvas/main.ts
+++ b/sample/resizeCanvas/main.ts
@@ -18,7 +18,6 @@ canvas.height = canvas.clientHeight * devicePixelRatio;
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const sampleCount = 4;
diff --git a/sample/resizeObserverHDDPI/main.ts b/sample/resizeObserverHDDPI/main.ts
index e8e989e8..9e0f72f3 100644
--- a/sample/resizeObserverHDDPI/main.ts
+++ b/sample/resizeObserverHDDPI/main.ts
@@ -14,7 +14,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const module = device.createShaderModule({
diff --git a/sample/reversedZ/main.ts b/sample/reversedZ/main.ts
index b887fabc..ff2d739a 100644
--- a/sample/reversedZ/main.ts
+++ b/sample/reversedZ/main.ts
@@ -80,7 +80,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const verticesBuffer = device.createBuffer({
diff --git a/sample/rotatingCube/main.ts b/sample/rotatingCube/main.ts
index a29deaca..0c61305a 100644
--- a/sample/rotatingCube/main.ts
+++ b/sample/rotatingCube/main.ts
@@ -27,7 +27,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create a vertex buffer from the cube data.
diff --git a/sample/samplerParameters/main.ts b/sample/samplerParameters/main.ts
index 26e1507f..3ce7a5e1 100644
--- a/sample/samplerParameters/main.ts
+++ b/sample/samplerParameters/main.ts
@@ -174,7 +174,6 @@ const context = canvas.getContext('webgpu') as GPUCanvasContext;
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 //
diff --git a/sample/shadowMapping/main.ts b/sample/shadowMapping/main.ts
index 2cfa0776..a748a915 100644
--- a/sample/shadowMapping/main.ts
+++ b/sample/shadowMapping/main.ts
@@ -23,7 +23,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create the model vertex buffer.
diff --git a/sample/skinnedMesh/main.ts b/sample/skinnedMesh/main.ts
index 290d1b0c..4ce44d4b 100644
--- a/sample/skinnedMesh/main.ts
+++ b/sample/skinnedMesh/main.ts
@@ -109,7 +109,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const settings = {
diff --git a/sample/textRenderingMsdf/main.ts b/sample/textRenderingMsdf/main.ts
index cf684861..2a4050c6 100644
--- a/sample/textRenderingMsdf/main.ts
+++ b/sample/textRenderingMsdf/main.ts
@@ -29,7 +29,6 @@ const depthFormat = 'depth24plus';
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const textRenderer = new MsdfTextRenderer(
diff --git a/sample/texturedCube/main.ts b/sample/texturedCube/main.ts
index 1c8c9f86..9816e4be 100644
--- a/sample/texturedCube/main.ts
+++ b/sample/texturedCube/main.ts
@@ -27,7 +27,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create a vertex buffer from the cube data.
diff --git a/sample/twoCubes/main.ts b/sample/twoCubes/main.ts
index 9968ba67..09178287 100644
--- a/sample/twoCubes/main.ts
+++ b/sample/twoCubes/main.ts
@@ -27,7 +27,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 // Create a vertex buffer from the cube data.
diff --git a/sample/videoUploading/main.ts b/sample/videoUploading/main.ts
index 91cda303..e341e89c 100644
--- a/sample/videoUploading/main.ts
+++ b/sample/videoUploading/main.ts
@@ -26,7 +26,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const pipeline = device.createRenderPipeline({
diff --git a/sample/videoUploading/video.ts b/sample/videoUploading/video.ts
index fadde5d9..af592316 100644
--- a/sample/videoUploading/video.ts
+++ b/sample/videoUploading/video.ts
@@ -27,7 +27,6 @@ export default async function ({ useVideoFrame }: { useVideoFrame: boolean }) {
   context.configure({
     device,
     format: presentationFormat,
-    alphaMode: 'premultiplied',
   });
 
   const pipeline = device.createRenderPipeline({
diff --git a/sample/volumeRenderingTexture3D/main.ts b/sample/volumeRenderingTexture3D/main.ts
index 941a91c8..5f8d0c4a 100644
--- a/sample/volumeRenderingTexture3D/main.ts
+++ b/sample/volumeRenderingTexture3D/main.ts
@@ -33,7 +33,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 
 const pipeline = device.createRenderPipeline({
diff --git a/sample/wireframe/main.ts b/sample/wireframe/main.ts
index 1a6b58cb..f3f4a921 100644
--- a/sample/wireframe/main.ts
+++ b/sample/wireframe/main.ts
@@ -74,7 +74,6 @@ const presentationFormat = navigator.gpu.getPreferredCanvasFormat();
 context.configure({
   device,
   format: presentationFormat,
-  alphaMode: 'premultiplied',
 });
 const depthFormat = 'depth24plus';
 
diff --git a/sample/worker/worker.ts b/sample/worker/worker.ts
index d8e9ab89..42f89e5d 100644
--- a/sample/worker/worker.ts
+++ b/sample/worker/worker.ts
@@ -45,7 +45,6 @@ async function init(canvas) {
   context.configure({
     device,
     format: presentationFormat,
-    alphaMode: 'premultiplied',
   });
 
   // Create a vertex buffer from the cube data.