diff --git a/sample/a-buffer/main.ts b/sample/a-buffer/main.ts index dffb5b3d..bd768489 100644 --- a/sample/a-buffer/main.ts +++ b/sample/a-buffer/main.ts @@ -23,7 +23,7 @@ const device = await adapter?.requestDevice({ }); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const presentationFormat = navigator.gpu.getPreferredCanvasFormat(); context.configure({ diff --git a/sample/animometer/main.ts b/sample/animometer/main.ts index 77c38153..56769f80 100644 --- a/sample/animometer/main.ts +++ b/sample/animometer/main.ts @@ -31,7 +31,7 @@ const settings = { dynamicOffsets: Boolean(params.get('dynamicOffsets')), }; -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/bitonicSort/utils.ts b/sample/bitonicSort/utils.ts index e25775e5..98b59a27 100644 --- a/sample/bitonicSort/utils.ts +++ b/sample/bitonicSort/utils.ts @@ -134,7 +134,7 @@ export const SampleInitFactoryWebGPU = async ( }); quitIfWebGPUNotAvailable(adapter, device); - const context = canvas.getContext('webgpu') as GPUCanvasContext; + const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio; diff --git a/sample/cameras/main.ts b/sample/cameras/main.ts index dcd2fdef..0c32f115 100644 --- a/sample/cameras/main.ts +++ b/sample/cameras/main.ts @@ -45,7 +45,7 @@ const adapter = await navigator.gpu?.requestAdapter({ }); const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/computeBoids/main.ts b/sample/computeBoids/main.ts index 088f88d4..a757e8dd 100644 --- a/sample/computeBoids/main.ts +++ b/sample/computeBoids/main.ts @@ -32,7 +32,7 @@ if (canvas.parentNode) { console.error('canvas.parentNode is null'); } -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio; diff --git a/sample/cornell/main.ts b/sample/cornell/main.ts index 83be8677..a74e4c13 100644 --- a/sample/cornell/main.ts +++ b/sample/cornell/main.ts @@ -56,7 +56,7 @@ const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio; -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); context.configure({ device, format: presentationFormat, diff --git a/sample/cubemap/main.ts b/sample/cubemap/main.ts index 06dc6613..57b3fe9b 100644 --- a/sample/cubemap/main.ts +++ b/sample/cubemap/main.ts @@ -19,7 +19,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/deferredRendering/main.ts b/sample/deferredRendering/main.ts index a0d99603..4f0e3469 100644 --- a/sample/deferredRendering/main.ts +++ b/sample/deferredRendering/main.ts @@ -25,7 +25,7 @@ const device = await adapter?.requestDevice({ }); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/fractalCube/main.ts b/sample/fractalCube/main.ts index c6f98e73..1e1c16bc 100644 --- a/sample/fractalCube/main.ts +++ b/sample/fractalCube/main.ts @@ -19,7 +19,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/gameOfLife/main.ts b/sample/gameOfLife/main.ts index 363485e4..5876bb5a 100644 --- a/sample/gameOfLife/main.ts +++ b/sample/gameOfLife/main.ts @@ -11,7 +11,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio; diff --git a/sample/generateMipmap/main.ts b/sample/generateMipmap/main.ts index a2c02b3c..eb47d57c 100644 --- a/sample/generateMipmap/main.ts +++ b/sample/generateMipmap/main.ts @@ -28,7 +28,7 @@ const device = await adapter?.requestDevice({ quitIfWebGPUNotAvailable(adapter, device); const canvas = document.querySelector('canvas') as HTMLCanvasElement; -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio; diff --git a/sample/helloTriangle/main.ts b/sample/helloTriangle/main.ts index 81e75d80..0730c4bb 100644 --- a/sample/helloTriangle/main.ts +++ b/sample/helloTriangle/main.ts @@ -9,7 +9,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/helloTriangleMSAA/main.ts b/sample/helloTriangleMSAA/main.ts index e8783292..f59e34d0 100644 --- a/sample/helloTriangleMSAA/main.ts +++ b/sample/helloTriangleMSAA/main.ts @@ -9,7 +9,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/imageBlur/main.ts b/sample/imageBlur/main.ts index dfb4c96c..19ce3e42 100644 --- a/sample/imageBlur/main.ts +++ b/sample/imageBlur/main.ts @@ -14,7 +14,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/instancedCube/main.ts b/sample/instancedCube/main.ts index ab51cf89..6c8b3238 100644 --- a/sample/instancedCube/main.ts +++ b/sample/instancedCube/main.ts @@ -19,7 +19,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/normalMap/main.ts b/sample/normalMap/main.ts index 253ab69b..7ade2b11 100644 --- a/sample/normalMap/main.ts +++ b/sample/normalMap/main.ts @@ -23,7 +23,7 @@ const adapter = await navigator.gpu?.requestAdapter({ }); const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio; diff --git a/sample/occlusionQuery/main.ts b/sample/occlusionQuery/main.ts index 95b19cda..cf25c152 100644 --- a/sample/occlusionQuery/main.ts +++ b/sample/occlusionQuery/main.ts @@ -38,7 +38,7 @@ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); const canvas = document.querySelector('canvas') as HTMLCanvasElement; -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio; diff --git a/sample/particles/main.ts b/sample/particles/main.ts index 3f2a8f04..e3bf96f6 100644 --- a/sample/particles/main.ts +++ b/sample/particles/main.ts @@ -23,7 +23,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/renderBundles/main.ts b/sample/renderBundles/main.ts index 1232d994..cc53b10c 100644 --- a/sample/renderBundles/main.ts +++ b/sample/renderBundles/main.ts @@ -32,7 +32,7 @@ gui.add(settings, 'asteroidCount', 1000, 10000, 1000).onChange(() => { updateRenderBundle(); }); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/resizeCanvas/main.ts b/sample/resizeCanvas/main.ts index 1d5dc674..50fa33c6 100644 --- a/sample/resizeCanvas/main.ts +++ b/sample/resizeCanvas/main.ts @@ -9,7 +9,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const presentationFormat = navigator.gpu.getPreferredCanvasFormat(); diff --git a/sample/resizeObserverHDDPI/main.ts b/sample/resizeObserverHDDPI/main.ts index 65eef702..ba1cd462 100644 --- a/sample/resizeObserverHDDPI/main.ts +++ b/sample/resizeObserverHDDPI/main.ts @@ -9,7 +9,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const presentationFormat = navigator.gpu.getPreferredCanvasFormat(); diff --git a/sample/reversedZ/main.ts b/sample/reversedZ/main.ts index 14ec31ef..89d03b8a 100644 --- a/sample/reversedZ/main.ts +++ b/sample/reversedZ/main.ts @@ -72,7 +72,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/rotatingCube/main.ts b/sample/rotatingCube/main.ts index ccdf5685..a990d9ad 100644 --- a/sample/rotatingCube/main.ts +++ b/sample/rotatingCube/main.ts @@ -19,7 +19,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/samplerParameters/main.ts b/sample/samplerParameters/main.ts index 984dc92e..301ec7c3 100644 --- a/sample/samplerParameters/main.ts +++ b/sample/samplerParameters/main.ts @@ -176,7 +176,7 @@ canvas.width = canvas.height = kCanvasSize; canvas.style.minWidth = canvas.style.maxWidth = kCanvasCSSSize + 'px'; const presentationFormat = navigator.gpu.getPreferredCanvasFormat(); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); context.configure({ device, format: presentationFormat, diff --git a/sample/shadowMapping/main.ts b/sample/shadowMapping/main.ts index dc5069db..38bda515 100644 --- a/sample/shadowMapping/main.ts +++ b/sample/shadowMapping/main.ts @@ -15,7 +15,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/skinnedMesh/main.ts b/sample/skinnedMesh/main.ts index 62a6f379..fba179e8 100644 --- a/sample/skinnedMesh/main.ts +++ b/sample/skinnedMesh/main.ts @@ -105,7 +105,7 @@ const device = await adapter?.requestDevice({ }); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio || 1; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/textRenderingMsdf/main.ts b/sample/textRenderingMsdf/main.ts index 7041c92e..f641d6b1 100644 --- a/sample/textRenderingMsdf/main.ts +++ b/sample/textRenderingMsdf/main.ts @@ -25,7 +25,7 @@ const device = await adapter?.requestDevice({ }); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio || 1; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/texturedCube/main.ts b/sample/texturedCube/main.ts index cefbf80b..63315e37 100644 --- a/sample/texturedCube/main.ts +++ b/sample/texturedCube/main.ts @@ -19,7 +19,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/timestampQuery/main.ts b/sample/timestampQuery/main.ts index b35d853c..f4234149 100644 --- a/sample/timestampQuery/main.ts +++ b/sample/timestampQuery/main.ts @@ -46,7 +46,7 @@ const timestampQueryManager = new TimestampQueryManager(device, (elapsedNs) => { const renderPassDurationCounter = new PerfCounter(); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/transparentCanvas/main.ts b/sample/transparentCanvas/main.ts index d67d0f80..b2ac4ca7 100644 --- a/sample/transparentCanvas/main.ts +++ b/sample/transparentCanvas/main.ts @@ -19,7 +19,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/twoCubes/main.ts b/sample/twoCubes/main.ts index 6bd9bfe5..2b1e62dc 100644 --- a/sample/twoCubes/main.ts +++ b/sample/twoCubes/main.ts @@ -19,7 +19,7 @@ const adapter = await navigator.gpu?.requestAdapter({ const device = await adapter?.requestDevice(); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; diff --git a/sample/videoUploading/main.ts b/sample/videoUploading/main.ts index 8871a367..85b99de4 100644 --- a/sample/videoUploading/main.ts +++ b/sample/videoUploading/main.ts @@ -27,7 +27,7 @@ const videos = { } as const; const canvas = document.querySelector('canvas') as HTMLCanvasElement; -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const presentationFormat = navigator.gpu.getPreferredCanvasFormat(); context.configure({ diff --git a/sample/volumeRenderingTexture3D/main.ts b/sample/volumeRenderingTexture3D/main.ts index a6e75d78..c379632d 100644 --- a/sample/volumeRenderingTexture3D/main.ts +++ b/sample/volumeRenderingTexture3D/main.ts @@ -75,7 +75,7 @@ if (adapter?.features.has('texture-compression-astc-sliced-3d')) { const device = await adapter?.requestDevice({ requiredFeatures }); quitIfWebGPUNotAvailable(adapter, device); -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const sampleCount = 4; diff --git a/sample/wireframe/main.ts b/sample/wireframe/main.ts index 014f90eb..d0dd8089 100644 --- a/sample/wireframe/main.ts +++ b/sample/wireframe/main.ts @@ -72,7 +72,7 @@ const device = await adapter?.requestDevice({ quitIfWebGPUNotAvailable(adapter, device); const canvas = document.querySelector('canvas') as HTMLCanvasElement; -const context = canvas.getContext('webgpu') as GPUCanvasContext; +const context = canvas.getContext('webgpu'); const devicePixelRatio = window.devicePixelRatio; canvas.width = canvas.clientWidth * devicePixelRatio; canvas.height = canvas.clientHeight * devicePixelRatio;