Deploying to gh-pages from @ fa7b022 🚀

webgpu · Jul 20, 2024 · e1593f7 · e1593f7
1 parent 6167f4a
commit e1593f7
Show file tree

Hide file tree

Showing 104 changed files with 2,606 additions and 165 deletions.
diff --git a/sample/a-buffer/main.js b/sample/a-buffer/main.js
diff --git a/sample/a-buffer/main.js.map b/sample/a-buffer/main.js.map
diff --git a/sample/a-buffer/main.ts b/sample/a-buffer/main.ts
@@ -1,6 +1,7 @@
 import { mat4, vec3 } from 'wgpu-matrix';
 import { GUI } from 'dat.gui';
 
+import { quitIfWebGPUNotAvailable } from '../util';
 import { mesh } from '../../meshes/teapot';
 
 import opaqueWGSL from './opaque.wgsl';
@@ -12,8 +13,9 @@ function roundUp(n: number, k: number): number {
 }
 
 const canvas = document.querySelector('canvas') as HTMLCanvasElement;
-const adapter = await navigator.gpu.requestAdapter();
-const device = await adapter.requestDevice();
+const adapter = await navigator.gpu?.requestAdapter();
+const device = await adapter?.requestDevice();
+quitIfWebGPUNotAvailable(adapter, device);
 
 const context = canvas.getContext('webgpu') as GPUCanvasContext;
 const presentationFormat = navigator.gpu.getPreferredCanvasFormat();

diff --git a/sample/animometer/main.js b/sample/animometer/main.js
diff --git a/sample/animometer/main.js.map b/sample/animometer/main.js.map
diff --git a/sample/animometer/main.ts b/sample/animometer/main.ts
@@ -1,9 +1,11 @@
 import { GUI } from 'dat.gui';
 import animometerWGSL from './animometer.wgsl';
+import { quitIfWebGPUNotAvailable } from '../util';
 
 const canvas = document.querySelector('canvas') as HTMLCanvasElement;
-const adapter = await navigator.gpu.requestAdapter();
-const device = await adapter.requestDevice();
+const adapter = await navigator.gpu?.requestAdapter();
+const device = await adapter?.requestDevice();
+quitIfWebGPUNotAvailable(adapter, device);
 
 const perfDisplayContainer = document.createElement('div');
 perfDisplayContainer.style.color = 'white';

diff --git a/sample/bitonicSort/main.js b/sample/bitonicSort/main.js
diff --git a/sample/bitonicSort/main.js.map b/sample/bitonicSort/main.js.map
diff --git a/sample/bitonicSort/utils.ts b/sample/bitonicSort/utils.ts
@@ -1,5 +1,6 @@
 import type { GUI } from 'dat.gui';
 import fullscreenTexturedQuad from '../../shaders/fullscreenTexturedQuad.wgsl';
+import { quitIfAdapterNotAvailable, quitIfWebGPUNotAvailable } from '../util';
 
 type BindGroupBindingLayout =
   | GPUBufferBindingLayout
@@ -111,7 +112,9 @@ export const SampleInitFactoryWebGPU = async (
   callback: SampleInitCallback3D
 ): Promise<SampleInit> => {
   const init = async ({ canvas, gui, stats }) => {
-    const adapter = await navigator.gpu.requestAdapter();
+    const adapter = await navigator.gpu?.requestAdapter();
+    quitIfAdapterNotAvailable(adapter);
+
     const timestampQueryAvailable = adapter.features.has('timestamp-query');
     let device: GPUDevice;
     if (timestampQueryAvailable) {
@@ -121,6 +124,8 @@ export const SampleInitFactoryWebGPU = async (
     } else {
       device = await adapter.requestDevice();
     }
+    quitIfWebGPUNotAvailable(adapter, device);
+
     const context = canvas.getContext('webgpu') as GPUCanvasContext;
     const devicePixelRatio = window.devicePixelRatio;
     canvas.width = canvas.clientWidth * devicePixelRatio;

diff --git a/sample/cameras/main.js b/sample/cameras/main.js
diff --git a/sample/cameras/main.js.map b/sample/cameras/main.js.map
diff --git a/sample/cameras/main.ts b/sample/cameras/main.ts
@@ -10,6 +10,7 @@ import {
 import cubeWGSL from './cube.wgsl';
 import { ArcballCamera, WASDCamera } from './camera';
 import { createInputHandler } from './input';
+import { quitIfWebGPUNotAvailable } from '../util';
 
 const canvas = document.querySelector('canvas') as HTMLCanvasElement;
 
@@ -39,8 +40,9 @@ gui.add(params, 'type', ['arcball', 'WASD']).onChange(() => {
   oldCameraType = newCameraType;
 });
 
-const adapter = await navigator.gpu.requestAdapter();
-const device = await adapter.requestDevice();
+const adapter = await navigator.gpu?.requestAdapter();
+const device = await adapter?.requestDevice();
+quitIfWebGPUNotAvailable(adapter, device);
 const context = canvas.getContext('webgpu') as GPUCanvasContext;
 
 const devicePixelRatio = window.devicePixelRatio;