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

François Beaufort
François Beaufort

Ngày xuất bản: 22 tháng 10 năm 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ó lên web mà không cần viết lại nội dung đó cho các chức năng thấp hơn của WebGPU. Nền tảng này hỗ trợ các định dạng kết cấu "r16unorm", "r16snorm", "rg16unorm", "rg16snorm", "rgba16unorm""rgba16snorm" mới với khả năng kết xuất tệp đính kèm, 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". API này cũng cho phép các định dạng kết cấu "r8snorm", "rg8snorm", "rgba8snorm" hiện có với khả năng đính kèm, pha trộn, lấy mẫu nhiều lần và phân giải khi kết xuất. Bạn cũng có thể sử dụng nhiều định dạng kết cấu hơn với quyền truy cập vào kết cấu bộ nhớ "read-only" hoặc "write-only".

Tính năng GPU mới "texture-formats-tier2" cho phép truy cập vào kết cấu lưu trữ "read-write" cho các định dạng cụ thể, điều này 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 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 các nhân viên của Intel vì những đóng góp 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 đối tượng cơ sở hiện tại (ví dụ: điểm, đường thẳng hoặc tam giác) đang được 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 thành phần cơ bản được xử lý và đặt lại thành 0 giữa mỗi phiên bản đượ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 để nhận được sự 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 trên mỗi phần tử hoặc thực hiện logic thay đổi cho từng hình dạng hình học riêng biệt đang được kết xuất, chẳng hạn như.

Đoạn mã sau đây cho thấy một chương trình đổ bóng mảnh kết xuất nguyên tắc thứ hai bằng màu đỏ và tất cả các nguyên tắc 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 ví dụ về Lựa chọn nguyên thuỷ và xem mục nhập chromestatus.

Các tam giác trong 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 Primitive Picking ở chế độ "primitive indexes".

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

Biến DAWN_BUILD_MONOLITHIC_LIBRARY CMake 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 wgpu::PresentMode::Undefined mặc định khi định cấu hình wgpu::Surface. Hãy xem vấn đề 441410668.

Đây chỉ là một số điểm nổi bật chính. 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 Những điểm mới trong WebGPU.

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