此页面由 Cloud Translation API 翻译。

WebGPU 的新变化 (Chrome 118)

François Beaufort

在 copyExternalImageToTexture() 中支持 HTMLImageElement 和 ImageData

GPUQueue 上的 copyExternalImageToTexture() 方法可让您将从源图片、视频或画布拍摄的快照复制到给定的 GPUTexture 中。您现在可以传递 HTMLImageElement 和 ImageData 对象作为来源。请参阅以下示例和问题 chromium:1471372。

// Fetch and decode image.
const source = document.createElement("img");
source.src = "my-image.png";
await source.decode();

// Create destination texture.
const size = [source.width, source.height];
const texture = myDevice.createTexture({
 size,
 format: "rgba8unorm",
 usage:
   GPUTextureUsage.COPY_DST |
   GPUTextureUsage.RENDER_ATTACHMENT |
   GPUTextureUsage.TEXTURE_BINDING,
});

// Copies a snapshot taken from the source image into a texture.
myDevice.queue.copyExternalImageToTexture({ source }, { texture }, size);

实验性支持读写和只读存储纹理

存储纹理绑定类型允许您在着色器中执行纹理读取（无需采样）并存储到任意位置。当 "chromium-experimental-read-write-storage-texture" 功能在 GPUAdapter 中可用时，您现在可以请求具有此功能的 GPUDevice，并在创建绑定组布局时将 GPUStorageTexture 访问权限设置为 "read-write" 或 "read-only"。之前，此功能仅限于 "write-only"。

如需利用此功能，您必须在 WGSL 代码中使用 enable chromium_experimental_read_write_storage_texture 明确启用此扩展程序。启用后，您可以将 read_write 和 read 存储访问限定符用于存储纹理，textureLoad() 和 textureStore() 内置函数会相应地运行，并且可以使用新的 textureBarrier() 内置函数来同步工作组中的纹理内存访问。请参阅以下示例并发布 dawn:1972。

此功能仍处于实验阶段，可能会发生变化。虽然该功能正在标准化，但您可以使用 --enable-dawn-features=allow_unsafe_apis 标志运行 Chrome，以使其可用。

const feature = "chromium-experimental-read-write-storage-texture";
const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has(feature)) {
  throw new Error("Read-write storage texture support is not available");
}
// Explicitly request read-write storage texture support.
const device = await adapter.requestDevice({
  requiredFeatures: [feature],
});

const bindGroupLayout = device.createBindGroupLayout({
  entries: [{
    binding: 0,
    visibility: GPUShaderStage.COMPUTE,
    storageTexture: {
      access: "read-write", // <-- New!
      format: "r32uint",
    },
  }],
});

const shaderModule = device.createShaderModule({ code: `
  enable chromium_experimental_read_write_storage_texture;
  @group(0) @binding(0) var tex : texture_storage_2d<r32uint, read_write>;

  @compute @workgroup_size(1, 1)
  fn main(@builtin(local_invocation_id) local_id: vec3u) {
    var data = textureLoad(tex, vec2i(local_id.xy));
    data.x *= 2;
    textureStore(tex, vec2i(local_id.xy), data);
  }`,
});

// You can now create a compute pipeline with this shader module and
// send the appropriate commands to the GPU.

Dawn 更新

webgpu.h C API 已重命名以下字段，以保持一致：requiredFeaturesCount 改为 requiredFeatureCount、pipelineStatisticsCount 改为 pipelineStatisticCount，以及 colorFormatsCount 改为 colorFormatCount。请参阅问题 dawn:146040。

借助新的 DawnInfo 程序（类似于 vulkaninfo），您可以列出切换开关、适配器、适配器功能和适配器限制。在构建 Dawn samples 时可用。以下输出经过大幅精简，以求简洁。请参阅更改 dawn:149020。

./out/Debug/DawnInfo
Toggles
=======
  Name: allow_unsafe_apis
    Suppresses validation errors on API entry points or parameter combinations
    that aren't considered secure yet.
    http://crbug.com/1138528
[…]

Adapter
=======
VendorID: 0x106B
Vendor: apple
Architecture: common-3
DeviceID: 0x0000
Name: Apple M1 Pro
Driver description: Metal driver on macOS Version 13.5.1 (Build 22G90)
Adapter Type: discrete GPU
Backend Type: Metal
Power: <undefined>

  Features
  ========
   * depth_clip_control
      Disable depth clipping of primitives to the clip volume
      https://bugs.chromium.org/p/dawn/issues/detail?id=1178
[…]

  Adapter Limits
  ==============
    maxTextureDimension1D: 16,384
    maxTextureDimension2D: 16,384
[…]

WebGPU 的新变化 (Chrome 118)

在 copyExternalImageToTexture() 中支持 HTMLImageElement 和 ImageData

实验性支持读写和只读存储纹理

Dawn 更新