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

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

François Beaufort

Ngày phát hành: 29 tháng 1 năm 2025

Các định dạng đỉnh 1 thành phần và unorm8x4-bgra bổ sung

Thêm định dạng đỉnh "unorm8x4-bgra" và các định dạng đỉnh 1 thành phần sau: "uint8", "sint8", "unorm8", "snorm8", "uint16", "sint16", "unorm16", "snorm16" và "float16". Định dạng đỉnh "unorm8x4-bgra" giúp bạn tải màu đỉnh được mã hoá BGRA một cách thuận tiện hơn một chút trong khi vẫn giữ nguyên chương trình đổ bóng. Ngoài ra, định dạng đỉnh 1 thành phần cho phép bạn chỉ yêu cầu dữ liệu cần thiết khi trước đây cần ít nhất gấp đôi dữ liệu cho các loại dữ liệu 8 và 16 bit. Xem mục chromestatus và vấn đề 376924407.

Cho phép yêu cầu các giới hạn không xác định với giá trị không xác định

Để giúp API WebGPU ít dễ bị lỗi hơn khi phát triển, giờ đây, bạn có thể yêu cầu các giới hạn không xác định bằng giá trị undefined khi yêu cầu thiết bị GPU. Điều này hữu ích trong mã ứng dụng sau đây, ví dụ: adapter.limits.someLimit có thể là undefined nếu someLimit không còn tồn tại. Xem spec PR 4781.

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

const device = await adapter.requestDevice({
  requiredLimits: { someLimit: adapter.limits.someLimit }, // someLimit can be undefined
});

Thay đổi về quy tắc căn chỉnh WGSL

Bạn không thể cung cấp giá trị căn chỉnh quá nhỏ cho một thành phần cấu trúc nữa vì hiện tại, @align(n) phải chia cho RequiredAlignOf đối với tất cả cấu trúc. Thay đổi có thể gây lỗi này giúp đơn giản hoá việc sử dụng ngôn ngữ WGSL và giúp ngôn ngữ này tương thích hơn với Firefox và Safari. Bạn có thể tìm thấy mã mẫu cho thấy sự khác biệt giữa các trình biên dịch Tint, Naga và WebKit trong thông tin chi tiết về bản phát hành.

Tăng hiệu suất WGSL bằng tính năng loại bỏ

Do hiệu suất giảm đáng kể khi kết xuất hiệu ứng phản chiếu không gian màn hình (SSR) phức tạp, nên việc triển khai câu lệnh loại bỏ sử dụng ngữ nghĩa do nền tảng cung cấp để hạ cấp thành lệnh gọi trình trợ giúp khi có. Điều này giúp cải thiện hiệu suất của chương trình đổ bóng sử dụng tính năng loại bỏ. Xem vấn đề 372714384.

Sử dụng VideoFrame displaySize cho hoạ tiết bên ngoài

Bạn nên sử dụng kích thước displayWidth và displayHeight làm kích thước rõ ràng của GPUExternalTexture khi nhập VideoFrame theo thông số kỹ thuật WebGPU. Tuy nhiên, kích thước hiển thị đã được sử dụng không chính xác gây ra sự cố khi cố gắng sử dụng textureLoad() trên GPUExternalTexture. Vấn đề này hiện đã được khắc phục. Xem vấn đề 377574981.

Xử lý hình ảnh có hướng không phải mặc định bằng cách sử dụng copyExternalImageToTexture

Phương thức GPUQueue copyExternalImageToTexture() được dùng để sao chép nội dung của hình ảnh hoặc canvas vào một hoạ tiết. Giờ đây, tính năng này xử lý đúng cách các hình ảnh có hướng không phải mặc định. Trước đây, điều này không xảy ra khi nguồn là ImageBitmap có imageOrientation "from-image" hoặc hình ảnh có hướng không phải mặc định. Xem vấn đề 384858956.

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

Bạn có thể ngạc nhiên khi adapter.limits hiển thị các giá trị cao, nhưng bạn không nhận ra rằng bạn cần yêu cầu rõ ràng giới hạn cao hơn khi yêu cầu thiết bị GPU. Nếu không làm như vậy, bạn có thể vô tình vượt quá giới hạn sau này.

Để giúp bạn, thông báo lỗi đã được mở rộng với các gợi ý yêu cầu bạn yêu cầu rõ ràng một giới hạn cao hơn khi không có giới hạn nào được chỉ định trong requiredLimits khi gọi requestDevice(). Xem vấn đề 42240683.

Ví dụ sau đây cho bạn thấy một thông báo lỗi được cải thiện được ghi lại trong bảng điều khiển DevTools khi tạo vùng đệm GPU có kích thước vượt quá giới hạn kích thước vùng đệm tối đa mặc định của thiết bị.

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

// Create a GPU buffer with a size exceeding the default max buffer size device limit.
const size = device.limits.maxBufferSize + 1;
const buffer = device.createBuffer({ size, usage: GPUBufferUsage.MAP_READ });

device.queue.submit([]);

⚠️ Buffer size (268435457) exceeds the max buffer size limit (268435456). This adapter supports a higher maxBufferSize of 4294967296, which can be specified in requiredLimits when calling requestDevice(). Limits differ by hardware, so always check the adapter limits prior to requesting a higher limit.
- While calling [Device].CreateBuffer([BufferDescriptor]).

Bật chế độ tương thích với featureLevel

Giờ đây, bạn có thể yêu cầu bộ chuyển đổi GPU ở chế độ tương thích thử nghiệm bằng cách đặt tuỳ chọn featureLevel được chuẩn hoá thành "compatibility". Chuỗi "core" (mặc định) và "compatibility" là những giá trị duy nhất được phép. Hãy xem ví dụ sau và spec PR 4897.

// Request a GPU adapter in compatibility mode
const adapter = await navigator.gpu.requestAdapter({ featureLevel: "compatibility" });

if (adapter?.featureLevel === "compatibility") {
  // Any devices created from this adapter will support only compatibility mode.
}

Tuỳ chọn featureLevel thay thế tuỳ chọn compatibilityMode không chuẩn hoá, trong khi thuộc tính featureLevel không chuẩn hoá thay thế thuộc tính isCompatibilityMode.

Vì tính năng này vẫn đang trong giai đoạn thử nghiệm, nên hiện tại, bạn cần chạy Chrome với cờ "Unsafe WebGPU Support" (Hỗ trợ WebGPU không an toàn) tại chrome://flags/#enable-unsafe-webgpu. Hãy truy cập vào webgpureport.org để tìm hiểu thêm.

Dọn dẹp các tính năng thử nghiệm của nhóm con

Xoá các tính năng thử nghiệm của nhóm con "chromium-experimental-subgroups" và "chromium-experimental-subgroup-uniform-control-flow" không dùng nữa. Xem vấn đề 377868468.

Tính năng thử nghiệm "subgroups" là tất cả những gì bạn cần hiện tại khi thử nghiệm với các nhóm con. Tính năng thử nghiệm "subgroups-f16" không còn được dùng nữa và sẽ sớm bị xoá. Bạn có thể sử dụng các giá trị f16 với các nhóm con khi ứng dụng yêu cầu cả tính năng "shader-f16" và "subgroups". Xem vấn đề 380244620.

Ngừng sử dụng giới hạn maxInterStageShaderComponents

Giới hạn maxInterStageShaderComponents không còn được dùng nữa do nhiều yếu tố:

Tính năng dự phòng với maxInterStageShaderVariables: Giới hạn này đã phục vụ một mục đích tương tự, kiểm soát lượng dữ liệu được truyền giữa các giai đoạn chương trình đổ bóng.
Sự chênh lệch nhỏ: Mặc dù có sự khác biệt nhỏ trong cách tính hai giới hạn này, nhưng những sự khác biệt này là nhỏ và có thể được quản lý hiệu quả trong giới hạn maxInterStageShaderVariables.
Đơn giản hoá: Việc xoá maxInterStageShaderComponents giúp đơn giản hoá giao diện chương trình đổ bóng và giảm độ phức tạp cho nhà phát triển. Thay vì quản lý hai giới hạn riêng biệt với những khác biệt nhỏ, họ có thể tập trung vào maxInterStageShaderVariables có tên phù hợp và toàn diện hơn.

Mục tiêu là xoá hoàn toàn tính năng này trong Chrome 135. Xem ý định ngừng sử dụng và vấn đề 364338810.

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

wgpu::Device::GetAdapterInfo(adapterInfo) cho phép bạn lấy thông tin về bộ chuyển đổi trực tiếp từ wgpu::Device. Xem vấn đề 376600838.

Cấu trúc WGPUProgrammableStageDescriptor đã được đổi tên thành WGPUComputeState để trạng thái tính toán nhất quán với trạng thái đỉnh và mảnh. Xem vấn đề 379059434.

Xoá giá trị enum wgpu::VertexStepMode::VertexBufferNotUsed. Bố cục vùng đệm đỉnh không được sử dụng hiện có thể được biểu thị bằng {.stepMode=wgpu::VertexStepMode::Undefined, .attributeCount=0}. Xem vấn đề 383147017.

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.