react-native-wgpu 0.2.10 → 0.3.0

package/src/__tests__/Alpha.spec.ts

@@ -1,28 +0,0 @@
-import { checkImage, client, encodeImage } from "./setup";
-
-describe("Alpha", () => {
-  it("Premultiplied Color", async () => {
-    const result = await client.eval(({ device, ctx, canvas }) => {
-      const commandEncoder = device.createCommandEncoder();
-      const textureView = ctx.getCurrentTexture().createView();
-      const alpha = 0.5;
-      const renderPassDescriptor: GPURenderPassDescriptor = {
-        colorAttachments: [
-          {
-            view: textureView,
-            clearValue: [0.3 * alpha, 0.6 * alpha, 1 * alpha, alpha],
-            loadOp: "clear",
-            storeOp: "store",
-          },
-        ],
-      };
-
-      const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);
-      passEncoder.end();
-      device.queue.submit([commandEncoder.finish()]);
-      return canvas.getImageData();
-    });
-    const image = encodeImage(result);
-    checkImage(image, "snapshots/semi-opaque-cyan.png");
-  });
-});

package/src/__tests__/ArrayBuffer.spec.ts

@@ -1,76 +0,0 @@
-import { client } from "./setup";
-
-describe("Buffer", () => {
-  it("Array Buffer (1)", async () => {
-    const result = await client.eval(() => {
-      return Array.from(new Uint8Array([1.0, 2.0, 3.0, 4.0]));
-    });
-    expect(result.slice(0, 4)).toEqual([1, 2, 3, 4]);
-  });
-  it("Array Buffer (2)", async () => {
-    const result = await client.eval(({ device }) => {
-      const data = new Float32Array([1.0, 2.0, 3.0, 4.0]);
-      const bufferSize = data.byteLength; // 4 32-bit floats
-      const sourceBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST,
-      });
-
-      // Create a buffer for reading
-      const readBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
-      });
-
-      // Create data to upload
-
-      // Write data to the source buffer
-      device.queue.writeBuffer(sourceBuffer, 0, data);
-
-      // Copy data from source buffer to read buffer
-      const encoder = device.createCommandEncoder();
-      encoder.copyBufferToBuffer(sourceBuffer, 0, readBuffer, 0, bufferSize);
-      device.queue.submit([encoder.finish()]);
-      return device.queue.onSubmittedWorkDone().then(() => {
-        // Map the read buffer for reading
-        return readBuffer.mapAsync(GPUMapMode.READ).then(() => {
-          const readData = new Float32Array(readBuffer.getMappedRange());
-          return Array.from(readData);
-        });
-      });
-    });
-    expect(result).toEqual([1, 2, 3, 4]);
-  });
-  it("Array Buffer (3)", async () => {
-    const result = await client.eval(({ device }) => {
-      const data = new Float32Array([1.0, 2.0, 3.0, 4.0]);
-      const bufferSize = data.byteLength; // 4 32-bit floats
-      const sourceBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST,
-      });
-
-      // Create a buffer for reading
-      const readBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
-      });
-
-      // Create data to upload
-
-      // Write data to the source buffer
-      device.queue.writeBuffer(sourceBuffer, 0, data);
-
-      // Copy data from source buffer to read buffer
-      const encoder = device.createCommandEncoder();
-      encoder.copyBufferToBuffer(sourceBuffer, 0, readBuffer, 0, bufferSize);
-      device.queue.submit([encoder.finish()]);
-      // Map the read buffer for reading
-      return readBuffer.mapAsync(GPUMapMode.READ).then(() => {
-        const readData = new Float32Array(readBuffer.getMappedRange());
-        return Array.from(readData);
-      });
-    });
-    expect(result).toEqual([1, 2, 3, 4]);
-  });
-});

package/src/__tests__/Buffer.spec.ts

@@ -1,357 +0,0 @@
-import { checkImage, client, encodeImage } from "./setup";
-
-describe("Buffer", () => {
-  it("Label", async () => {
-    const result = await client.eval(
-      ({ device, assets: { cubeVertexArray } }) => {
-        const buffer1 = device.createBuffer({
-          size: cubeVertexArray.byteLength,
-          usage: GPUBufferUsage.VERTEX,
-          mappedAtCreation: true,
-        });
-        const buffer2 = device.createBuffer({
-          size: cubeVertexArray.byteLength,
-          usage: GPUBufferUsage.VERTEX,
-          mappedAtCreation: true,
-          label: "verticesBuffer",
-        });
-        return [buffer1.label, buffer2.label];
-      },
-    );
-    expect(result).toEqual(["", "verticesBuffer"]);
-  });
-  it("metadata", async () => {
-    const result = await client.eval(
-      ({ device, assets: { cubeVertexArray } }) => {
-        const buffer = device.createBuffer({
-          size: cubeVertexArray.byteLength,
-          usage: GPUBufferUsage.VERTEX,
-          mappedAtCreation: true,
-        });
-        return [buffer.label, buffer.size, buffer.usage, buffer.mapState];
-      },
-    );
-    expect(result).toEqual(["", 1440, 32, "mapped"]);
-  });
-  it("metadata (1)", async () => {
-    const result = await client.eval(
-      ({ device, assets: { cubeVertexArray } }) => {
-        const buffer = device.createBuffer({
-          size: cubeVertexArray.byteLength,
-          usage: GPUBufferUsage.VERTEX,
-          mappedAtCreation: false,
-        });
-        return [buffer.label, buffer.size, buffer.usage, buffer.mapState];
-      },
-    );
-    expect(result).toEqual(["", 1440, 32, "unmapped"]);
-  });
-  it("upload data (1)", async () => {
-    const result = await client.eval(
-      ({ device, assets: { cubeVertexArray } }) => {
-        const verticesBuffer = device.createBuffer({
-          size: cubeVertexArray.byteLength,
-          usage: GPUBufferUsage.VERTEX,
-          mappedAtCreation: true,
-          label: "verticesBuffer",
-        });
-        new Float32Array(verticesBuffer.getMappedRange()).set(cubeVertexArray);
-        verticesBuffer.unmap();
-        return !!verticesBuffer;
-      },
-    );
-    expect(result).toBe(true);
-  });
-
-  it("upload data (2)", async () => {
-    const result = await client.eval(
-      ({ device, assets: { cubeVertexArray } }) => {
-        const verticesBuffer = device.createBuffer({
-          size: cubeVertexArray.byteLength,
-          usage: GPUBufferUsage.VERTEX,
-          mappedAtCreation: true,
-          label: "verticesBuffer",
-        });
-        new Float32Array(
-          verticesBuffer.getMappedRange(0, cubeVertexArray.byteLength),
-        ).set(cubeVertexArray);
-        verticesBuffer.unmap();
-        return !!verticesBuffer;
-      },
-    );
-    expect(result).toBe(true);
-  });
-  it("writes into a buffer (1)", async () => {
-    const result = await client.eval(({ device }) => {
-      const bufferSize = 4 * 4; // 4 32-bit floats
-      const sourceBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST,
-      });
-
-      // Create data to upload
-      const data = new Float32Array([1.0, 2.0, 3.0, 4.0]);
-
-      // Write data to the source buffer
-      device.queue.writeBuffer(sourceBuffer, 0, data);
-      return true;
-    });
-    expect(result).toBe(true);
-  });
-  it("read/write buffer (1)", async () => {
-    const result = await client.eval(({ device }) => {
-      const data = new Uint32Array([1.0, 2.0, 3.0, 4.0]);
-      // Create a GPU buffer and store data
-      const gpuBuffer = device.createBuffer({
-        size: data.byteLength,
-        usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST,
-        mappedAtCreation: false,
-      });
-
-      // Copy data to the GPU buffer
-      device.queue.writeBuffer(gpuBuffer, 0, data);
-
-      return gpuBuffer.mapAsync(GPUMapMode.READ).then(() => {
-        const arrayBuffer = gpuBuffer.getMappedRange();
-        const readData = new Uint32Array(arrayBuffer);
-        const r = Array.from(readData);
-        gpuBuffer.unmap();
-        return r;
-      });
-    });
-    expect(result).toEqual([1, 2, 3, 4]);
-  });
-  it("read/write buffer (2)", async () => {
-    const result = await client.eval(({ device }) => {
-      const data = new Uint32Array([1.0, 2.0, 3.0, 4.0]);
-      // Create a GPU buffer and store data
-      const gpuBuffer = device.createBuffer({
-        size: data.byteLength,
-        usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST,
-        mappedAtCreation: false,
-      });
-
-      // Copy data to the GPU buffer
-      device.queue.writeBuffer(gpuBuffer, 0, data.buffer, 0, data.byteLength);
-
-      return gpuBuffer
-        .mapAsync(GPUMapMode.READ, 0, data.byteLength)
-        .then(() => {
-          const arrayBuffer = gpuBuffer.getMappedRange(0, data.byteLength);
-          const readData = new Uint32Array(arrayBuffer);
-          const r = Array.from(readData);
-          gpuBuffer.unmap();
-          return r;
-        });
-    });
-    expect(result).toEqual([1, 2, 3, 4]);
-  });
-  it("read/write buffer (3)", async () => {
-    const result = await client.eval(({ device }) => {
-      const data = new Uint32Array([1.0, 2.0, 3.0, 4.0]);
-      // Create a GPU buffer and store data
-      const gpuBuffer = device.createBuffer({
-        size: data.byteLength,
-        usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST,
-        mappedAtCreation: false,
-      });
-
-      // Copy data to the GPU buffer
-      device.queue.writeBuffer(gpuBuffer, 0, data.buffer, 0, data.byteLength);
-
-      return gpuBuffer
-        .mapAsync(GPUMapMode.READ, 0, data.byteLength)
-        .then(() => {
-          const arrayBuffer = gpuBuffer.getMappedRange(0, data.byteLength);
-          const readData = new Float32Array(arrayBuffer);
-          const r = Array.from(readData);
-          gpuBuffer.unmap();
-          return r;
-        });
-    });
-    const ref = new Uint32Array([1.0, 2.0, 3.0, 4.0]);
-    expect(result).toEqual(Array.from(new Float32Array(ref.buffer)));
-  });
-  it("writes into a buffer (2)", async () => {
-    const result = await client.eval(({ device }) => {
-      const bufferSize = 4 * 4; // 4 32-bit floats
-      const sourceBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST,
-      });
-
-      // Create a buffer for reading
-      const readBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
-      });
-
-      // Create data to upload
-      const data = new Float32Array([1.0, 2.0, 3.0, 4.0]);
-
-      // Write data to the source buffer
-      device.queue.writeBuffer(sourceBuffer, 0, data);
-
-      // Copy data from source buffer to read buffer
-      const encoder = device.createCommandEncoder();
-      encoder.copyBufferToBuffer(sourceBuffer, 0, readBuffer, 0, bufferSize);
-      device.queue.submit([encoder.finish()]);
-      // Map the read buffer for reading
-      return readBuffer.mapAsync(GPUMapMode.READ).then(() => {
-        const readData = new Float32Array(readBuffer.getMappedRange());
-        return Array.from(readData);
-      });
-    });
-    expect(result).toEqual([1, 2, 3, 4]);
-  });
-  it("writes into a buffer (3)", async () => {
-    const result = await client.eval(({ device }) => {
-      const bufferSize = 4 * 4; // 4 32-bit floats
-      const sourceBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_SRC | GPUBufferUsage.COPY_DST,
-      });
-
-      // Create a buffer for reading
-      const readBuffer = device.createBuffer({
-        size: bufferSize,
-        usage: GPUBufferUsage.COPY_DST | GPUBufferUsage.MAP_READ,
-      });
-
-      // Create data to upload
-      const data = new Float32Array([1.0, 2.0, 3.0, 4.0]);
-
-      // Write data to the source buffer
-      device.queue.writeBuffer(sourceBuffer, 0, data);
-
-      // Copy data from source buffer to read buffer
-      const encoder = device.createCommandEncoder();
-      encoder.copyBufferToBuffer(sourceBuffer, 0, readBuffer, 0, bufferSize);
-      device.queue.submit([encoder.finish()]);
-      // Map the read buffer for reading
-      return readBuffer.mapAsync(GPUMapMode.READ).then(() => {
-        //const readData = new Float32Array(readBuffer.getMappedRange());
-        readBuffer.unmap();
-        // // Create a buffer for writing
-        const writeBuffer = device.createBuffer({
-          size: bufferSize,
-          usage: GPUBufferUsage.COPY_SRC | GPUBufferUsage.MAP_WRITE,
-        });
-        // Map the write buffer for writing
-        return writeBuffer.mapAsync(GPUMapMode.WRITE).then(() => {
-          const writeData = new Float32Array(writeBuffer.getMappedRange());
-          writeData.set([5.0, 6.0, 7.0, 8.0]);
-          writeBuffer.unmap();
-          // // Copy data from write buffer to source buffer
-          const encoder2 = device.createCommandEncoder();
-          encoder2.copyBufferToBuffer(
-            writeBuffer,
-            0,
-            sourceBuffer,
-            0,
-            bufferSize,
-          );
-          device.queue.submit([encoder2.finish()]);
-          // // Copy data from source buffer to read buffer
-          const encoder3 = device.createCommandEncoder();
-          encoder3.copyBufferToBuffer(
-            sourceBuffer,
-            0,
-            readBuffer,
-            0,
-            bufferSize,
-          );
-          device.queue.submit([encoder3.finish()]);
-          // Map the read buffer for final reading
-          return readBuffer.mapAsync(GPUMapMode.READ).then(() => {
-            const finalReadData = new Float32Array(readBuffer.getMappedRange());
-            const res = Array.from(finalReadData);
-            readBuffer.unmap();
-            return res;
-          });
-        });
-      });
-    });
-    expect(result).toEqual([5, 6, 7, 8]);
-  });
-  it("Builds the reference result", async () => {
-    const data = await client.eval(() => {
-      const pixels = new Uint8Array(256 * 256 * 4);
-      pixels.fill(255);
-      let i = 0;
-      for (let x = 0; x < 256 * 4; x++) {
-        for (let y = 0; y < 256 * 4; y++) {
-          pixels[i++] = (x * y) % 255;
-        }
-      }
-      return Array.from(pixels);
-    });
-    const png = encodeImage({
-      data,
-      width: 256,
-      height: 256,
-      format: "rgba8unorm",
-    });
-    checkImage(png, "snapshots/buffer.png");
-  });
-  it("Builds the reference result (2)", async () => {
-    const data = new Uint8Array(256 * 256 * 4);
-    data.fill(255);
-    let i = 0;
-    for (let x = 0; x < 256 * 4; x++) {
-      for (let y = 0; y < 256 * 4; y++) {
-        data[i++] = (x * y) % 255;
-      }
-    }
-    const result = await client.eval(
-      ({ pixels }) => {
-        return Array.from(pixels);
-      },
-      { pixels: Array.from(data) },
-    );
-    const png = encodeImage({
-      data: result,
-      width: 256,
-      height: 256,
-      format: "rgba8unorm",
-    });
-    checkImage(png, "snapshots/buffer.png");
-  });
-  it("writes an image into a buffer and reads it back", async () => {
-    const imageData = await client.eval(({ device }) => {
-      const data = new Uint8Array(256 * 256 * 4);
-      data.fill(255);
-      let i = 0;
-      for (let x = 0; x < 256 * 4; x++) {
-        for (let y = 0; y < 256 * 4; y++) {
-          data[i++] = (x * y) % 255;
-        }
-      }
-      const gpuBuffer = device.createBuffer({
-        size: 256 * 256 * 4,
-        usage: GPUBufferUsage.MAP_READ | GPUBufferUsage.COPY_DST,
-        mappedAtCreation: false,
-      });
-
-      // Copy data to the GPU buffer
-      device.queue.writeBuffer(gpuBuffer, 0, data.buffer, 0, data.byteLength);
-
-      return gpuBuffer
-        .mapAsync(GPUMapMode.READ, 0, data.byteLength)
-        .then(() => {
-          const arrayBuffer = gpuBuffer.getMappedRange(0, data.byteLength);
-          const readData = new Uint8Array(arrayBuffer);
-          const r = Array.from(readData);
-          gpuBuffer.unmap();
-          return r;
-        });
-    });
-    const png = encodeImage({
-      data: imageData,
-      width: 256,
-      height: 256,
-      format: "rgba8unorm",
-    });
-    checkImage(png, "snapshots/buffer.png");
-  });
-});