Trang này được dịch bởi Cloud Translation API.

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

François Beaufort

Ngày xuất bản: 8 tháng 1 năm 2025

Mức sử dụng chế độ xem kết cấu

Các khung hiển thị hoạ tiết GPU hiện kế thừa tất cả cờ sử dụng từ hoạ tiết GPU nguồn. Điều này có thể gây ra vấn đề vì một số định dạng khung hiển thị không tương thích với một số cách sử dụng. Để giải quyết vấn đề này, việc gọi createView() bằng thành phần usage không bắt buộc cho phép bạn chỉ định rõ một tập hợp con các cờ sử dụng của kết cấu nguồn tương thích với định dạng khung hiển thị đã chọn.

Thay đổi này cho phép xác thực trước và kiểm soát chi tiết hơn về cách sử dụng khung hiển thị. API này cũng phù hợp với các API đồ hoạ khác, trong đó cờ sử dụng là các tham số phổ biến trong quá trình tạo khung hiển thị, mang đến cơ hội tối ưu hoá.

Hãy xem đoạn mã sau, mục chromestatus và vấn đề 363903526.

const texture = myDevice.createTexture({
  size: [4, 4],
  format: "rgba8unorm",
  usage:
    GPUTextureUsage.RENDER_ATTACHMENT |
    GPUTextureUsage.TEXTURE_BINDING |
    GPUTextureUsage.STORAGE_BINDING,
  viewFormats: ["rgba8unorm-srgb"],
});

const view = texture.createView({
  format: 'rgba8unorm-srgb',
  usage: GPUTextureUsage.RENDER_ATTACHMENT, // Restrict allowed usage.
});

Kết hợp các hoạ tiết dấu phẩy động 32 bit

Hoạ tiết dấu phẩy động 32 bit là yếu tố cần thiết để kết xuất HDR nhằm giữ nguyên nhiều giá trị màu và ngăn chặn hiện tượng sọc màu. Ví dụ: trong hình ảnh trực quan khoa học.

Tính năng GPU "float32-blendable" mới giúp kết hợp các kết cấu GPU có định dạng "r32float", "rg32float" và "rgba32float". Giờ đây, bạn có thể tạo một quy trình kết xuất sử dụng tính năng kết hợp với mọi tệp đính kèm ở định dạng float32 khi yêu cầu một thiết bị GPU có tính năng này.

Hãy xem đoạn mã sau, mục chromestatus và vấn đề 369649348.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("float32-blendable")) {
  throw new Error("32-bit float textures blending support is not available");
}
// Explicitly request 32-bit float textures blending support.
const device = await adapter.requestDevice({
  requiredFeatures: ["float32-blendable"],
});

// ... Creation of shader modules is omitted for readability.

// Create a render pipeline that uses blending for the rgba32float format.
device.createRenderPipeline({
  vertex: { module: myVertexShaderModule },
  fragment: {
    module: myFragmentShaderModule,
    targets: [
      {
        format: "rgba32float",
        blend: { color: {}, alpha: {} },
      },
    ],
  },
  layout: "auto",
});

// Create the GPU texture with rgba32float format and
// send the appropriate commands to the GPU...

Thuộc tính GPUDevice `adapterInfo`

Điều quan trọng là các thư viện lấy các đối tượng GPUDevice do người dùng cung cấp để truy cập vào thông tin về GPU vật lý, vì các thư viện này có thể cần tối ưu hoá hoặc triển khai các giải pháp dựa trên cấu trúc GPU. Mặc dù có thể truy cập vào thông tin này thông qua đối tượng GPUAdapter, nhưng không có cách nào trực tiếp để lấy thông tin đó chỉ từ một GPUDevice. Điều này có thể gây bất tiện vì người dùng có thể phải cung cấp thêm thông tin cùng với GPUDevice.

Để giải quyết vấn đề này, GPUAdapterInfo hiện được hiển thị thông qua thuộc tính GPUDevice adapterInfo. Những thuộc tính này tương tự như thuộc tính GPUAdapter info hiện có.

Hãy xem đoạn mã sau, mục nhập chromestatus và vấn đề 376600838.

function optimizeForGpuDevice(device) {
  if (device.adapterInfo.vendor === "amd") {
    // Use AMD-specific optimizations.
  } else if (device.adapterInfo.architecture.includes("turing")) {
    // Optimize for NVIDIA Turing architecture.
  }
}

Định cấu hình ngữ cảnh canvas bằng định dạng không hợp lệ sẽ gây ra lỗi JavaScript

Trước đây, việc sử dụng định dạng texture không hợp lệ với phương thức configure() của ngữ cảnh canvas GPU sẽ dẫn đến lỗi xác thực GPU. Thao tác này đã được thay đổi để truyền một TypeError JavaScript. Điều này ngăn chặn các trường hợp getCurrentTexture() trả về một kết cấu GPU hợp lệ mặc dù bối cảnh canvas GPU được định cấu hình không chính xác. Bạn có thể xem thêm thông tin trong vấn đề 372837859.

Lọc các hạn chế về bộ lấy mẫu trên kết cấu

Trước đây, bạn được phép sử dụng "sint", "uint" và "depth" kết cấu định dạng có mẫu lọc. Giờ đây, ứng dụng sẽ không cho phép sử dụng hoạ tiết định dạng "sint" hoặc "uint" với một trình lấy mẫu lọc. Xin lưu ý rằng hiện tại, hệ thống sẽ phát ra cảnh báo nếu bạn sử dụng một "depth"" có bộ lấy mẫu lọc vì điều này sẽ không được phép trong tương lai. Hãy xem vấn đề 376497143.

Những hạn chế đó có nghĩa là việc sử dụng một kết cấu chiều sâu với một bộ lấy mẫu không lọc đòi hỏi bạn phải tạo bố cục nhóm liên kết theo cách thủ công. Lý do là vì bố cục nhóm liên kết được tạo "tự động" chưa hỗ trợ sự kết hợp này. Vấn đề về thông số kỹ thuật 4952 có một đề xuất đang được xem xét để giải quyết hạn chế này trong tương lai.

Thử nghiệm nhóm con mở rộng

Thử nghiệm nhóm con, ban đầu được đặt là kết thúc trong Chrome 131, đã được gia hạn đến Chrome 133, kết thúc vào ngày 16 tháng 4 năm 2025. Mặc dù thử nghiệm nguồn gốc đầu tiên tập trung vào hiệu suất, nhưng lại thiếu các biện pháp bảo vệ tính di động quan trọng. Giờ đây, các biện pháp bảo vệ này sẽ được thêm vào, có thể gây ra lỗi trong mã hiện có.

Cải thiện trải nghiệm của nhà phát triển

Giờ đây, bạn sẽ thấy cảnh báo trong Công cụ cho nhà phát triển khi dùng lựa chọn powerPreference với requestAdapter() trên Windows. Cảnh báo này sẽ bị xoá khi Chrome biết cách sử dụng hai GPU khác nhau và kết hợp kết quả giữa chúng. Xem vấn đề 369219127.

Giờ đây, kích thước của bộ nhớ đệm GPU sẽ xuất hiện trong thông báo lỗi khi bạn tạo một bộ nhớ đệm GPU quá lớn. Hãy xem vấn đề 374167798.

Hỗ trợ thử nghiệm cho các định dạng kết cấu chuẩn hoá 16 bit

Các định dạng kết cấu đã ký và chưa ký được chuẩn hoá 16 bit hiện có sẵn theo cách thử nghiệm tương ứng sau các tính năng GPU "chromium-experimental-snorm16-texture-formats" và "chromium-experimental-unorm16-texture-formats" trong khi chúng đang được thảo luận để chuẩn hoá.

Các tính năng này bổ sung khả năng hỗ trợ cho các định dạng kết cấu được chuẩn hoá 16 bit với các cách sử dụng COPY_SRC, COPY_DST, TEXTURE_BINDING, RENDER_ATTACHMENT, khả năng lấy mẫu nhiều lần và phân giải. Các định dạng bổ sung là "r16unorm", "rg16unorm", "rgba16unorm", "r16snorm", "rg16snorm" và "rgba16snorm".

Cho đến khi các tính năng thử nghiệm này được tiêu chuẩn hoá, hãy bật cờ "Hỗ trợ WebGPU không an toàn" tại chrome://flags/#enable-unsafe-webgpu để cung cấp các tính năng này trong Chrome.

Hãy xem đoạn mã sau và vấn đề 374790898.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("chromium-experimental-snorm16-texture-formats")) {
  throw new Error("16-bit signed normalized formats support is not available");
}
// Explicitly request 16-bit signed normalized formats support.
const device = await adapter.requestDevice({
  requiredFeatures: ["chromium-experimental-snorm16-texture-formats"],
});

// Create a texture with the rgba16snorm format which consists of four
// components, each of which is a 16-bit, normalized, signed integer value.
const texture = device.createTexture({
  size: [4, 4],
  format: "rgba16snorm",
  usage: GPUTextureUsage.RENDER_ATTACHMENT | GPUTextureUsage.TEXTURE_BINDING,
});

// Send the appropriate commands to the GPU...

Thông tin cập nhật về bình minh

Các phương thức EnumerateFeatures(FeatureName * features) từ wgpu::Adapter và wgpu::Device không còn được dùng nữa, thay vào đó là GetFeatures(SupportedFeatures * features). Xem vấn đề 368672123.

API C webgpu.h đã thay đổi tất cả char const * thành cấu trúc WGPUStringView xác định một khung hiển thị thành chuỗi được mã hoá UTF-8. Nó hoạt động như một con trỏ đến dữ liệu của chuỗi, kết hợp với độ dài. Nhờ đó, bạn có thể làm việc với các phần của chuỗi mà không cần sao chép. Xem vấn đề 42241188.

Đây chỉ là một số điểm nổi bật chính. Xem danh sách đầy đủ các cam kết.