Release (#37)

* Fix scissor (#35)

* fix: size in storage bindings can be undefined

* chore: commit changeset

* chore(release): bump version (#36)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

CHANGELOG.md

@@ -1,5 +1,11 @@
 # @antv/g-device-api
 
+## 1.2.2
+
+### Patch Changes
+
+-   d627fe8: Size in storage bindings can be undefined.
+
 ## 1.2.1
 
 ### Patch Changes

README.md

@@ -5,7 +5,7 @@ It is implemented using WebGL1/2 & WebGPU underneath and inspired by [noclip](ht
 
 -   [API](#api)
 -   [Shader Language](#shader-language)
--   [Observable Examples](https://observablehq.com/@strawberry-vis/gallery)
+-   [Observable Examples](https://observablehq.com/@antv/g-device-api)
 
 ## Installing
 

examples/demos/add-2-vectors.ts

@@ -0,0 +1,102 @@
+import {
+  DeviceContribution,
+  VertexStepMode,
+  Format,
+  TransparentWhite,
+  Buffer,
+  Bindings,
+  BufferUsage,
+} from '../../src';
+import { initExample } from './utils';
+
+/**
+ * Use Compute Shader with WebGPU
+ * @see https://webgpu.github.io/webgpu-samples/samples/computeBoids#main.ts
+ */
+
+export async function render(
+  deviceContribution: DeviceContribution,
+  $canvas: HTMLCanvasElement,
+  useRAF = true,
+) {
+  // create swap chain and get device
+  const swapChain = await deviceContribution.createSwapChain($canvas);
+  swapChain.configureSwapChain($canvas.width, $canvas.height);
+  const device = swapChain.getDevice();
+
+  const computeProgram = device.createProgram({
+    compute: {
+      wgsl: `
+`,
+    },
+  });
+
+  const program = device.createProgram({
+    compute: {
+      wgsl: `
+      @binding(0) @group(0) var<storage, read_write> input : array<i32>;
+      @binding(1) @group(0) var<storage, read_write> output : array<i32>;
+      
+      @compute @workgroup_size(8, 8)
+      fn main(
+        @builtin(global_invocation_id) global_id : vec3<u32>
+      ) {
+        var index = global_id.x;
+        output[index] = input[index] + output[index];
+      }
+      `,
+    },
+  });
+
+  const inputBuffer = device.createBuffer({
+    usage: BufferUsage.STORAGE | BufferUsage.COPY_SRC,
+    viewOrSize: new Int32Array([1, 2, 3, 4]),
+  });
+  const outputBuffer = device.createBuffer({
+    usage: BufferUsage.STORAGE | BufferUsage.COPY_SRC,
+    viewOrSize: new Int32Array([1, 2, 3, 4]),
+  });
+
+  const pipeline = device.createComputePipeline({
+    inputLayout: null,
+    program,
+  });
+  const bindings = device.createBindings({
+    pipeline,
+    storageBufferBindings: [
+      {
+        binding: 0,
+        buffer: inputBuffer,
+      },
+      {
+        binding: 1,
+        buffer: outputBuffer,
+      },
+    ],
+  });
+
+  const computePass = device.createComputePass();
+  computePass.setPipeline(pipeline);
+  computePass.setBindings(bindings);
+  computePass.dispatchWorkgroups(1);
+  device.submitPass(computePass);
+
+  const readback = device.createReadback();
+  const output = await readback.readBuffer(outputBuffer);
+  console.log(output);
+
+  return () => {
+    program.destroy();
+    device.destroy();
+
+    // For debug.
+    device.checkForLeaks();
+  };
+}
+
+export async function Add2Vectors($container: HTMLDivElement) {
+  return initExample($container, render, {
+    targets: ['webgpu'],
+    default: 'webgpu',
+  });
+}

examples/demos/index.ts

@@ -10,4 +10,5 @@ export { TexturedCube } from './textured-cube';
 export { Sampler } from './sampler';
 export { InstancedCubes } from './instanced-cubes';
 export { Cubemap } from './cubemap';
+export { Add2Vectors } from './add-2-vectors';
 export { ComputeBoids } from './compute-boids';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/g-device-api",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "A Device API references WebGPU implementations",
   "keywords": [
     "antv",

src/webgpu/Bindings.ts

@@ -44,11 +44,10 @@ export class Bindings_WebGPU extends ResourceBase_WebGPU implements Bindings {
       for (let i = 0; i < storageBufferBindings.length; i++) {
         const { binding, size, offset, buffer } =
           descriptor.storageBufferBindings[i];
-        assert(size > 0);
         const gpuBufferBinding: GPUBufferBinding = {
           buffer: getPlatformBuffer(buffer),
           offset: offset ?? 0,
-          size: size,
+          size,
         };
         gpuBindGroupEntries[0].push({
           binding: binding ?? numBindings++,