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

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

François Beaufort

Hỗ trợ HDR với chế độ ánh xạ tông màu canvas

Nhà phát triển web có ít lựa chọn để phân phối nội dung HDR, chủ yếu dựa vào các phần tử <img> và <video>. Tuy nhiên, phần tử <canvas> vẫn bị hạn chế ở SDR. Để tạo nội dung HDR động trong canvas, bạn cần mã hoá nội dung đó dưới dạng hình ảnh HDR trước khi hiển thị (xem bản minh hoạ này để biết ví dụ).

Tham số GPUCanvasToneMappingMode mới trong cấu hình canvas WebGPU hiện cho phép WebGPU vẽ các màu sáng hơn màu trắng (#FFFFFF). WebGPU thực hiện việc này thông qua các chế độ sau:

"standard": Hành vi mặc định hạn chế nội dung trong dải SDR của màn hình. Chế độ này được thực hiện bằng cách kẹp tất cả các giá trị màu trong không gian màu của màn hình vào khoảng [0, 1].
"extended": Mở khoá toàn bộ dải tương phản động (HDR) của màn hình. Chế độ này khớp với "standard" trong phạm vi [0, 1] của màn hình. Việc kẹp hoặc chiếu được thực hiện đối với dải tương phản động mở rộng của màn hình nhưng không phải [0, 1].

Đoạn mã sau đây cho biết cách định cấu hình một canvas cho dải tương phản động cao.

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

const canvas = document.querySelector("canvas");
const context = canvas.getContext("webgpu");

context.configure({
  device,
  format: "rgba16float",
  toneMapping: { mode: "extended" },
});

Khám phá HDR bằng WebGPU bằng cách xem Mẫu hạt (HDR) và Ví dụ về HDR WebGPU, đồng thời xem mục chromestatus.

Một chiếc máy tính xách tay có màn hình HDR hiển thị hình ảnh sống động. — Mẫu Particles (HDR) xuất hiện trên màn hình HDR.

Hỗ trợ nhóm con mở rộng

Sau thông báo về thử nghiệm nhóm con, bạn hiện có thể sử dụng các hàm tích hợp của nhóm con trong cả chương trình đổ bóng tính toán và chương trình đổ bóng mảnh. Các chương trình này không còn bị giới hạn chỉ ở các chương trình đổ bóng điện toán nữa. Hãy xem vấn đề 354738715.

Xin lưu ý rằng giá trị tích hợp subgroup_size hiện có lỗi trong chương trình đổ bóng mảnh. Tạm thời tránh dùng.

Ngoài ra, các hàm tích hợp của nhóm con sau đây đã được thêm:

subgroupAdd(value): Trả về tổng của tất cả các lệnh gọi value đang hoạt động trên toàn bộ nhóm con.
subgroupExclusiveAdd(value): Trả về tổng số lần quét riêng biệt của tất cả các lệnh gọi value đang hoạt động trên toàn bộ nhóm con.
subgroupMul(value): Trả về phép nhân của tất cả các lệnh gọi value đang hoạt động trên nhóm con.
subgroupExclusiveMul(value): Trả về phép nhân quét loại trừ của tất cả các lệnh gọi đang hoạt động value trên toàn bộ nhóm con.
subgroupAnd(value): Trả về phép AND nhị phân của tất cả các lệnh gọi đang hoạt động value trên toàn bộ nhóm con.
subgroupOr(value): Trả về phép OR nhị phân của tất cả các lệnh gọi value đang hoạt động trên toàn bộ nhóm con.
subgroupXor(value): Trả về XOR nhị phân của tất cả các lệnh gọi đang hoạt động value trên toàn bộ nhóm con.
subgroupMin(value): Trả về giá trị tối thiểu của tất cả các lệnh gọi value đang hoạt động trong nhóm con.
subgroupMax(value): Trả về giá trị tối đa của tất cả các lệnh gọi đang hoạt động value trong nhóm con.
subgroupAll(value): Trả về giá trị true nếu value là true cho tất cả các lệnh gọi đang hoạt động trong nhóm con.
subgroupAny(value): Trả về giá trị true nếu value là true cho mọi lệnh gọi đang hoạt động trong nhóm con.
subgroupElect(): Trả về true nếu lệnh gọi này có subgroup_invocation_id thấp nhất trong số các lệnh gọi đang hoạt động trong nhóm con.
subgroupBroadcastFirst(value): Truyền value từ lệnh gọi đang hoạt động có subgroup_invocation_id thấp nhất trong nhóm con đến tất cả các lệnh gọi đang hoạt động khác.
subgroupShuffle(value, id): Trả về value từ lệnh gọi đang hoạt động có subgroup_invocation_id khớp với id.
subgroupShuffleXor(value, mask): Trả về value từ lệnh gọi đang hoạt động có subgroup_invocation_id khớp với subgroup_invocation_id ^ mask. mask phải đồng nhất một cách linh hoạt.
subgroupShuffleUp(value, delta): Trả về value từ lệnh gọi đang hoạt động có subgroup_invocation_id khớp với subgroup_invocation_id - delta.
subgroupShuffleDown(value, delta): Trả về value từ lệnh gọi đang hoạt động có subgroup_invocation_id khớp với subgroup_invocation_id + delta.
quadBroadcast(value, id): Truyền value từ lệnh gọi quad có mã nhận dạng bằng id. id phải là một biểu thức hằng số.
quadSwapX(value): Hoán đổi value giữa các lệnh gọi trong nhóm bốn theo hướng X.
quadSwapY(value): Hoán đổi value giữa các lệnh gọi trong nhóm bốn theo hướng Y.
quadSwapDiagonal(value): Hoán đổi value giữa các lệnh gọi trong tứ giác theo đường chéo.

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

Giờ đây, cấu trúc wgpu::PrimitiveState sẽ trực tiếp bao gồm chế độ cài đặt kiểm soát đoạn cắt theo chiều sâu, giúp bạn không cần đến cấu trúc wgpu::PrimitiveDepthClipControl riêng biệt. Để tìm hiểu thêm, hãy xem đoạn mã sau và webgpu-headers PR.

// Before
wgpu::PrimitiveState primitive = {};
wgpu::PrimitiveDepthClipControl depthClipControl;
depthClipControl.unclippedDepth = true;
primitive.nextInChain = &depthClipControl;

// Now
wgpu::PrimitiveState primitive = {};
primitive.unclippedDepth = true;

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