Tính năng mới trong WebGPU (Chrome'124)

François Beaufort
François Beaufort

Kết cấu bộ nhớ chỉ đọc và đọc-ghi

Loại liên kết kết cấu bộ nhớ cho phép chương trình đổ bóng đọc từ kết cấu bộ nhớ mà không cần thêm hoạt động sử dụng TEXTURE_BINDING, đồng thời thực hiện các hoạt động đọc và ghi kết hợp trên một số định dạng nhất định. Khi tiện ích ngôn ngữ WGSL "readonly_and_readwrite_storage_textures" có trong navigator.gpu.wgslLanguageFeatures, giờ đây, bạn có thể đặt quyền truy cập GPUStorageTexture vào "read-write" hoặc "read-only" khi tạo bố cục nhóm liên kết. Trước đây, việc này chỉ được phép trong "write-only".

Sau đó, mã chương trình đổ bóng WGSL có thể sử dụng bộ hạn định truy cập read_writeread cho hoạ tiết bộ nhớ, các hàm tích hợp textureLoad()textureStore() sẽ hoạt động tương ứng và một hàm tích hợp textureBarrier() mới sẽ có sẵn để đồng bộ hoá các quyền truy cập bộ nhớ hoạ tiết trong một nhóm công việc.

Bạn nên sử dụng requires-directive để báo hiệu khả năng không thể di chuyển bằng requires readonly_and_readwrite_storage_textures; ở đầu mã chương trình đổ bóng WGSL. Hãy xem ví dụ sau và vấn đề dawn:1972.

if (!navigator.gpu.wgslLanguageFeatures.has("readonly_and_readwrite_storage_textures")) {
  throw new Error("Read-only and read-write storage textures are not available");
}

const adapter = await navigator.gpu.requestAdapter();
const device = await adapter.requestDevice();

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

const shaderModule = device.createShaderModule({ code: `
  requires readonly_and_readwrite_storage_textures;

  @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.

Hỗ trợ trình chạy dịch vụ và trình chạy dùng chung

WebGPU trong Chrome nâng tầm hỗ trợ trình chạy web lên một tầm cao mới, hiện hỗ trợ cả trình chạy dịch vụtrình chạy dùng chung. Bạn có thể sử dụng trình chạy dịch vụ để nâng cao các tác vụ trong nền và chức năng ngoại tuyến, cũng như trình chạy dùng chung để chia sẻ tài nguyên hiệu quả trên các tập lệnh. Xem vấn đề chromium:41494731.

Hãy xem mẫu tiện ích Chrometiện ích Chrome WebLLM để biết cách sử dụng WebGPU trong worker dịch vụ tiện ích.

Ảnh chụp màn hình tiện ích WebLLM của Chrome.
Tiện ích WebLLM cho Chrome.

Thuộc tính thông tin bộ chuyển đổi mới

Các thuộc tính thông tin bộ chuyển đổi d3dShaderModelvkDriverVersion không chuẩn hiện có sẵn khi gọi requestAdapterInfo() nếu người dùng đã bật cờ "Tính năng dành cho nhà phát triển WebGPU" tại chrome://flags/#enable-webgpu-developer-features. Trường hợp được hỗ trợ:

  • d3dShaderModel là số mô hình chương trình đổ bóng D3D được hỗ trợ tối đa. Ví dụ: giá trị 62 cho biết trình điều khiển hiện tại hỗ trợ HLSL SM 6.2. Xem tài liệuvấn đề dawn:1254.

  • vkDriverVersion là số phiên bản do nhà cung cấp chỉ định của trình điều khiển Vulkan. Xem tài liệuvấn đề chromium:327457605.

Ảnh chụp màn hình https://webgpureport.org có vkDriverVersion trong thông tin bộ chuyển đổi.
Thông tin về bộ chuyển đổi vkDriverVersion hiển thị trên https://webgpureport.org.

Sửa lỗi

Tạo hai quy trình với các nhóm liên kết phù hợp bằng layout: "auto", sau đó tạo một nhóm liên kết với quy trình đầu tiên và sử dụng nhóm liên kết đó trên quy trình thứ hai hiện sẽ tạo ra một GPUValidationError. Việc cho phép điều này là một lỗi triển khai và hiện đã được khắc phục bằng các kiểm thử thích hợp. Xem vấn đề dawn:2402.

Thông tin cập nhật về Dawn

Trong API Dawn, lệnh gọi lại lỗi chưa được ghi lại được đặt bằng wgpuDeviceSetUncapturedErrorCallback hiện không được gọi sau khi thiết bị GPU bị mất. Bản sửa lỗi này điều chỉnh Dawn cho phù hợp với quy cách API JavaScript và cách triển khai của Blink. Xem vấn đề dawn:2459.

Phần này chỉ đề cập đến một số điểm nổi bật chính. Hãy xem danh sách đầy đủ các thay đổi.

Tính năng mới trong WebGPU

Danh sách mọi nội dung đã được đề cập trong loạt bài Tính năng mới trong WebGPU.

Chrome 131

Chrome 130

Chrome 129

Chrome 128

Chrome 127

Chrome 126

Chrome 125

Chrome 124

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119

Chrome 118

Chrome 117

Chrome 116

Chrome 115

Chrome 114

Chrome 113