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 phát hành: 8 tháng 1 năm 2025

Sử dụng chế độ xem kết cấu

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 chế độ xem không tương thích với một số trường hợp sử dụng. Để giải quyết vấn đề này, việc gọi createView() với 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ủa cờ sử dụng của hoạ tiết nguồn tương thích với định dạng chế độ xem đã 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 cách sử dụng thành phần 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 thành phần hiển thị, mang đến cơ hội tối ưu hoá.

Hãy xem đoạn mã sau, mục nhập 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 kết cấu dấu phẩy động 32 bit

Kết cấu dấu phẩy động 32 bit là yếu tố cần thiết để kết xuất HDR nhằm duy trì một loạt giá trị màu và ngăn chặn các hiện tượng dải 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 cấu GPU có định dạng "r32float", "rg32float" và "rgba32float" có thể kết hợp. Giờ đây, bạn có thể tạo quy trình kết xuất sử dụng tính năng kết hợp với bất kỳ tệp đính kèm định dạng float32 nào khi yêu cầu 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 đối tượng GPUDevice do người dùng cung cấp để truy cập thông tin về GPU thực, 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 thông tin này thông qua đối tượng GPUAdapter, nhưng không có cách trực tiếp nào để lấy thông tin này từ riêng GPUDevice. Điều này có thể gây bất tiện vì có thể yêu cầu người dùng 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. Các 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 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 có định dạng không hợp lệ sẽ gửi lỗi JavaScript

Trước đây, việc sử dụng định dạng kết cấu 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. Điều này đã được thay đổi để gửi một TypeError JavaScript. Điều này giúp ngăn chặn các trường hợp getCurrentTexture() trả về một hoạ tiết GPU hợp lệ mặc dù ngữ 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 hoạ tiết

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

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

Mở rộng thử nghiệm về nhóm con

Thử nghiệm về nhóm con, ban đầu dự kiến 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 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ệ khả năng di chuyển quan trọng. Các biện pháp bảo vệ này hiện 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, một cảnh báo sẽ xuất hiện trong DevTools khi bạn sử dụng tuỳ 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 các GPU đó. Xem vấn đề 369219127.

Kích thước của vùng đệm GPU hiện xuất hiện trong thông báo lỗi khi tạo vùng đệm GPU quá lớn. 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 chuẩn hoá đã ký và chưa ký 16 bit hiện có sẵn theo 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 các định dạng này đang được thảo luận để chuẩn hoá.

Các tính năng này hỗ trợ thêm các định dạng hoạ tiết chuẩn hoá 16 bit với các khả năng sử dụng, lấy mẫu nhiều lần và phân giải COPY_SRC, COPY_DST, TEXTURE_BINDING, RENDER_ATTACHMENT. 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 chuẩn hoá, hãy bật cờ "Unsafe WebGPU Support" (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ề Dawn

Các phương thức EnumerateFeatures(FeatureName * features) từ wgpu::Adapter và wgpu::Device không còn được dùng nữa và được thay thế bằng 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 thành phần 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, cùng với một độ dài. Điều này cho phép bạn xử lý các phần của một chuỗi mà không cần sao chép chuỗi đó. Xem vấn đề 42241188.

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.