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

François Beaufort
François Beaufort

Đã xuất bản: 22 thg 10, 2025

Mở rộng khả năng hỗ trợ định dạng kết cấu

Tính năng GPU "texture-formats-tier1" mới cho phép nhà phát triển chuyển nội dung hiện có sang web mà không cần viết lại nội dung đó cho các tính năng thấp hơn của WebGPU. Tính năng này hỗ trợ các định dạng kết cấu "r16unorm", "r16snorm", "rg16unorm", "rg16snorm", "rgba16unorm""rgba16snorm" mới với tính năng kết xuất tệp đính kèm, có thể kết hợp, lấy mẫu nhiều lần và quyền truy cập vào kết cấu lưu trữ "read-only" hoặc "write-only". Tính năng này cũng cho phép các định dạng hoạ tiết "r8snorm", "rg8snorm", "rgba8snorm" hiện có với khả năng kết xuất tệp đính kèm, có thể kết hợp, lấy mẫu nhiều lần và giải quyết. Bạn cũng có thể sử dụng thêm các định dạng hoạ tiết với quyền truy cập vào kết cấu lưu trữ "read-only" hoặc "write-only".

Tính năng GPU "texture-formats-tier2" mới cho phép quyền truy cập vào kết cấu lưu trữ "read-write" cho các định dạng cụ thể, rất quan trọng đối với các dự án như chuyển Unreal Engine sang web. Xin lưu ý rằng việc bật "texture-formats-tier2" khi tạo thiết bị sẽ tự động bật "texture-formats-tier1".

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

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

const requiredFeatures = [];
if (adapter.features.has("texture-format-tier1")) {
  requiredFeatures.push("texture-format-tier1");
}
if (adapter.features.has("texture-format-tier2")) {
  requiredFeatures.push("texture-format-tier2");
}
const device = await adapter.requestDevice({ requiredFeatures });

// Later on, when dealing with "r8unorm" texture formats for example...
if (device.features.has("texture-format-tier2")) {
  // Use "read-write" storage texture access...
} else if (device.features.has("texture-format-tier1")) {
  // Use "read-only" or "write-only" storage texture access...
} else {
  // Fallback: Use another texture format...
}

Xin chân thành cảm ơn những người bạn ở Intel vì công việc của họ!

Chỉ mục nguyên thuỷ trong WGSL

primitive_index là một giá trị WGSL tích hợp giúp xác định duy nhất nguyên thuỷ hiện tại (ví dụ: điểm, đường thẳng hoặc tam giác) đang được chương trình đổ bóng mảnh xử lý. Giá trị này bắt đầu từ 0, tăng thêm 1 sau khi mỗi nguyên thuỷ được xử lý và đặt lại thành 0 giữa mỗi thực thể được vẽ.

Khi tính năng "primitive-index" có trong GPUAdapter, hãy yêu cầu GPUDevice có tính năng này để được hỗ trợ chỉ mục nguyên thuỷ trong WGSL và bật rõ ràng tiện ích này trong mã WGSL bằng enable primitive_index;. Sau khi bật, hãy sử dụng giá trị số nguyên tích hợp primitive_index trong chương trình đổ bóng mảnh để truy cập vào dữ liệu theo nguyên thuỷ hoặc thực hiện logic khác nhau cho từng hình dạng hình học riêng biệt đang được kết xuất, ví dụ.

Đoạn mã sau đây cho thấy một chương trình đổ bóng mảnh hiển thị nguyên thuỷ thứ hai bằng màu đỏ và tất cả các nguyên thuỷ khác bằng màu xanh dương.

const adapter = await navigator.gpu.requestAdapter();
if (!adapter.features.has("primitive-index")) {
  throw new Error("Primitive index support is not available");
}
// Explicitly request primitive index support.
const device = await adapter.requestDevice({
  requiredFeatures: ["primitive-index"],
});

const fragmentShaderModule = device.createShaderModule({ code: `
  enable primitive_index;

  @fragment
  fn main(@builtin(primitive_index) i : u32) -> @location(0) vec4f {
    if (i == 1) {
      return vec4f(1, 0, 0, 1);
    }
    return vec4f(0, 1, 0, 1);
  }`,
});
// Send the appropriate commands to the GPU...

Khám phá thêm bằng cách xem mẫu Chọn nguyên thuỷ và xem mục nhập chromestatus.

Các tam giác của mô hình ấm trà 3D được tô màu dựa trên các giá trị chỉ mục nguyên thuỷ.
Mẫu Chọn nguyên thuỷ ở chế độ "chỉ mục nguyên thuỷ".

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

Biến CMake DAWN_BUILD_MONOLITHIC_LIBRARY dùng để xử lý loại thư viện nguyên khối cần tạo đã thay đổi giá trị mặc định từ OFF thành STATIC để theo mặc định, các tệp libwebgpu* sẽ được tạo.

Dawn hiện xử lý đúng cách wgpu::PresentMode::Undefined theo mặc định khi định cấu hình wgpu::Surface. Xem vấn đề 441410668.

Nội dung 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 cam kết.

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 149-150

Chrome 147-148

Chrome 146

Chrome 145

Chrome 144

Chrome 143

Chrome 142

Chrome 141

Chrome 140

Chrome 139

Chrome 138

Chrome 137

Chrome 136

Chrome 135

Chrome 134

Chrome 133

Chrome 132

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