Xuất bản: Ngày 30 tháng 7 năm 2025
Hỗ trợ hoạ tiết 3D cho các định dạng nén BC và ASTC
Các tính năng "texture-compression-bc-sliced-3d"
và "texture-compression-astc-sliced-3d"
của WebGPU bổ sung khả năng hỗ trợ cho kết cấu 3D bằng cách sử dụng các định dạng Nén khối (BC) và Nén kết cấu thích ứng (ASTC). Điều này cho phép bạn tận dụng khả năng nén hiệu quả của các định dạng BC và ASTC cho dữ liệu hoạ tiết dạng khối, giúp giảm đáng kể mức sử dụng bộ nhớ và yêu cầu về băng thông mà không làm giảm đáng kể chất lượng hình ảnh. Điều này đặc biệt có giá trị trong các lĩnh vực như hình ảnh hoá khoa học, chụp ảnh y tế và kỹ thuật kết xuất nâng cao.
Đoạn mã sau kiểm tra xem bộ chuyển đổi có hỗ trợ kết cấu 3D với các định dạng nén BC và ASTC hay không, đồng thời yêu cầu một thiết bị có các tính năng này nếu có.
const adapter = await navigator.gpu.requestAdapter();
const requiredFeatures = [];
if (adapter?.features.has("texture-compression-bc-sliced-3d")) {
requiredFeatures.push(
"texture-compression-bc",
"texture-compression-bc-sliced-3d",
);
}
if (adapter?.features.has("texture-compression-astc-sliced-3d")) {
requiredFeatures.push(
"texture-compression-astc",
"texture-compression-astc-sliced-3d",
);
}
const device = await adapter?.requestDevice({ requiredFeatures });
// Later on...
if (device.features.has("texture-compression-astc-sliced-3d")) {
// Create a 3D texture using ASTC compression
} else if (device.features.has("texture-compression-bc-sliced-3d")) {
// Create a 3D texture using BC compression
} else {
// Fallback: Create an uncompressed 3D texture
}
Khám phá ảnh chụp não 3D bằng cách xem Kết xuất khối lượng – Mẫu WebGPU 3D kết cấu và xem mục nhập chromestatus.

Tính năng mới "core-features-and-limits"
Chúng tôi sắp ra mắt một tính năng "core-features-and-limits"
mới cho chế độ tương thích WebGPU sắp tới. Tính năng này cho biết rằng bộ chuyển đổi hoặc thiết bị hỗ trợ các tính năng và giới hạn cốt lõi của quy cách WebGPU. "core" WebGPU là phiên bản duy nhất hiện có, vì vậy, tất cả các triển khai WebGPU đều phải có "core-features-and-limits"
trong các tính năng được hỗ trợ.
Trong tương lai, khi chế độ tương thích WebGPU được phát hành, một bộ chuyển đổi hoặc thiết bị có thể không có tính năng này để cho biết đó là bộ chuyển đổi hoặc thiết bị ở chế độ tương thích chứ không phải là bộ chuyển đổi hoặc thiết bị cốt lõi. Khi được bật trên một thiết bị, chế độ này sẽ loại bỏ mọi hạn chế của chế độ tương thích (tính năng và giới hạn).
Để biết nội dung giải thích chi tiết và cách sử dụng ở chế độ tương thích WebGPU, hãy tham khảo phần giải thích và phần sau. Hãy xem vấn đề 418025721.
Bản dùng thử theo nguyên gốc cho chế độ tương thích WebGPU
WebGPU là một API mạnh mẽ được thiết kế cho đồ hoạ hiện đại, phù hợp với các công nghệ như Vulkan, Metal và Direct3D 12. Tuy nhiên, một số lượng đáng kể thiết bị vẫn chưa hỗ trợ các API mới hơn này. Ví dụ: trên Windows, 31% người dùng Chrome không có Direct3D 11.1 trở lên. Trên Android, 15% người dùng Android không có Vulkan 1.1, trong đó có 10% người dùng không có Vulkan.
Điều này gây khó khăn cho những nhà phát triển muốn tối đa hoá phạm vi tiếp cận của ứng dụng. Họ thường buộc phải phát triển nhiều cách triển khai (ví dụ: WebGPU và WebGL), chấp nhận đối tượng hạn chế hơn với WebGPU cốt lõi hoặc gắn bó với WebGL, bỏ lỡ các tính năng nâng cao của WebGPU như tính toán GPU.

Chế độ tương thích WebGPU cung cấp một giải pháp bằng cách cung cấp phiên bản API WebGPU có hạn chế một chút và cho phép chọn sử dụng. Chế độ này được thiết kế để chạy các API đồ hoạ cũ như OpenGL ES 3.1 và Direct3D11, giúp mở rộng đáng kể phạm vi tiếp cận của ứng dụng đến những thiết bị không hỗ trợ các API đồ hoạ hiện đại, rõ ràng mà WebGPU cốt lõi yêu cầu.
Vì chế độ tương thích là một phần của WebGPU, nên các ứng dụng được tạo bằng chế độ này cũng là các ứng dụng "cốt lõi" WebGPU hợp lệ. Điều này có nghĩa là các ứng dụng sẽ chạy liền mạch ngay cả trên những trình duyệt không hỗ trợ cụ thể chế độ tương thích.
Đối với nhiều ứng dụng cơ bản, việc bật chế độ tương thích cũng đơn giản như việc truyền featureLevel: "compatibility"
khi bạn gọi requestAdapter(). Các ứng dụng phức tạp hơn có thể yêu cầu điều chỉnh nhỏ để phù hợp với các hạn chế của chế độ này. Mẫu WebGPU tạo mipmap là một ví dụ điển hình.
// Request a GPUAdapter in compatibility mode
const adapter = await navigator.gpu.requestAdapter({
featureLevel: "compatibility",
});
const hasCore = adapter?.features.has("core-features-and-limits");
const device = await adapter?.requestDevice({
requiredFeatures: (hasCore ? ["core-features-and-limits"] : []),
});
if (device?.features.has("core-features-and-limits")) {
// Compatibility mode restrictions will apply
}
Bật tính năng này
Theo mặc định, chế độ tương thích WebGPU không được bật trong Chrome, nhưng bạn có thể thử nghiệm trong Chrome 139 bằng cách bật rõ ràng chức năng này. Bạn có thể kích hoạt tính năng này cục bộ bằng cách bật cờ "Experimental Web Platform Features" (Các tính năng thử nghiệm của nền tảng web) tại chrome://flags/#enable-experimental-web-platform-features
.
Để bật tính năng này cho tất cả khách truy cập vào ứng dụng của bạn, một thử nghiệm nguồn gốc đang diễn ra và dự kiến kết thúc trong Chrome 145 (ngày 21 tháng 4 năm 2026). Để tham gia dùng thử, hãy tham khảo bài đăng Bắt đầu dùng thử nguồn gốc.
Thông tin cập nhật về bình minh
Đối số message
được thêm vào hàm WGPUQueueWorkDoneCallback
để nhất quán hơn với các hàm gọi lại khác cũng nhận trạng thái. Xem webgpu-headers PR.
Khi emdawnwebgpu được liên kết với -sSHARED_MEMORY
, tệp webgpu.cpp của tệp này cũng được biên dịch bằng cờ này. Xem Dawn CL 244075.
Đâ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 Tính năng mới trong WebGPU.
Chrome 140
- Yêu cầu thiết bị sử dụng bộ điều hợp
- Cách viết tắt để sử dụng hoạ tiết khi chế độ xem hoạ tiết được dùng
- WGSL textureSampleLevel hỗ trợ kết cấu 1D
- Không dùng nữa việc sử dụng kết cấu lưu trữ chỉ đọc bgra8unorm
- Xoá thuộc tính GPUAdapter isFallbackAdapter
- Thông tin cập nhật về Dawn
Chrome 139
- Hỗ trợ kết cấu 3D cho các định dạng nén BC và ASTC
- Tính năng mới "core-features-and-limits"
- Thử nghiệm nguồn gốc cho chế độ tương thích WebGPU
- Thông tin cập nhật về Dawn
Chrome 138
- Viết tắt của việc sử dụng vùng đệm làm tài nguyên liên kết
- Thay đổi yêu cầu về kích thước đối với các vùng đệm được liên kết tại thời điểm tạo
- Báo cáo về cấu trúc cho các GPU gần đây
- Ngừng sử dụng thuộc tính GPUAdapter isFallbackAdapter
- Thông tin cập nhật về Dawn
Chrome 137
- Sử dụng khung hiển thị kết cấu để liên kết externalTexture
- Sao chép vùng đệm mà không chỉ định độ lệch và kích thước
- WGSL workgroupUniformLoad sử dụng con trỏ đến atomic
- Thuộc tính powerPreference của GPUAdapterInfo
- Xoá thuộc tính compatibilityMode của GPURequestAdapterOptions
- Thông tin cập nhật về Dawn
Chrome 136
- Thuộc tính GPUAdapterInfo isFallbackAdapter
- Cải thiện thời gian biên dịch chương trình đổ bóng trên D3D12
- Lưu và sao chép hình ảnh trên canvas
- Các quy định hạn chế đối với chế độ tương thích của Lift
- Thông tin cập nhật về Dawn
Chrome 135
- Cho phép tạo bố cục quy trình bằng bố cục nhóm liên kết rỗng
- Cho phép khung hiển thị mở rộng ra ngoài giới hạn của mục tiêu kết xuất
- Dễ dàng truy cập hơn vào chế độ tương thích thử nghiệm trên Android
- Xoá giới hạn maxInterStageShaderComponents
- Thông tin cập nhật về Dawn
Chrome 134
- Cải thiện khối lượng công việc học máy bằng các nhóm con
- Xoá chế độ hỗ trợ các loại kết cấu có thể lọc dấu phẩy động dưới dạng kết hợp
- Thông tin cập nhật về Dawn
Chrome 133
- Các định dạng đỉnh 1 thành phần và unorm8x4-bgra khác
- Cho phép yêu cầu các giới hạn không xác định bằng giá trị không xác định
- Thay đổi quy tắc căn chỉnh WGSL
- Tăng hiệu suất WGSL bằng cách loại bỏ
- Sử dụng VideoFrame displaySize cho các hoạ tiết bên ngoài
- Xử lý hình ảnh có hướng không mặc định bằng copyExternalImageToTexture
- Cải thiện trải nghiệm của nhà phát triển
- Bật chế độ tương thích bằng featureLevel
- Dọn dẹp các tính năng thử nghiệm của nhóm con
- Ngừng sử dụng giới hạn maxInterStageShaderComponents
- Thông tin cập nhật về Dawn
Chrome 132
- Cách sử dụng khung hiển thị kết cấu
- Kết hợp hoạ tiết dấu phẩy động 32 bit
- Thuộc tính adapterInfo của GPUDevice
- Định cấu hình ngữ cảnh canvas bằng định dạng không hợp lệ sẽ gây ra lỗi JavaScript
- Lọc các hạn chế về bộ lấy mẫu trên kết cấu
- Thử nghiệm nhóm con mở rộng
- Cải thiện trải nghiệm của nhà phát triển
- Hỗ trợ thử nghiệm cho các định dạng hoạ tiết được chuẩn hoá 16 bit
- Thông tin cập nhật về Dawn
Chrome 131
- Khoảng cách cắt trong WGSL
- GPUCanvasContext getConfiguration()
- Các thành phần cơ bản của điểm và đường không được có độ lệch về độ sâu
- Các hàm tích hợp quét toàn diện cho các nhóm nhỏ
- Hỗ trợ thử nghiệm cho tính năng vẽ gián tiếp nhiều lần
- Lựa chọn biên dịch mô-đun chương trình đổ bóng strict math
- Xoá GPUAdapter requestAdapterInfo()
- Thông tin cập nhật về Dawn
Chrome 130
- Kết hợp hai nguồn
- Cải thiện thời gian biên dịch chương trình đổ bóng trên Metal
- Ngừng sử dụng requestAdapterInfo() của GPUAdapter
- Thông tin cập nhật về Dawn
Chrome 129
Chrome 128
- Thử nghiệm với các nhóm nhỏ
- Không dùng chế độ đặt độ lệch độ sâu cho đường thẳng và điểm
- Ẩn cảnh báo Công cụ cho nhà phát triển về lỗi chưa được ghi lại nếu preventDefault
- WGSL nội suy lấy mẫu trước và một trong hai
- Thông tin cập nhật về Dawn
Chrome 127
- Hỗ trợ thử nghiệm cho OpenGL ES trên Android
- Thuộc tính thông tin GPUAdapter
- Cải thiện khả năng tương tác của WebAssembly
- Cải thiện lỗi bộ mã hoá lệnh
- Thông tin cập nhật về Dawn
Chrome 126
- Tăng giới hạn maxTextureArrayLayers
- Tối ưu hoá quá trình tải vùng đệm lên cho phần phụ trợ Vulkan
- Cải thiện thời gian biên dịch chương trình đổ bóng
- Các vùng đệm lệnh đã gửi phải là duy nhất
- Thông tin cập nhật về Dawn
Chrome 125
Chrome 124
- Kết cấu bộ nhớ chỉ đọc và đọc-ghi
- Hỗ trợ service worker và shared worker
- Thuộc tính thông tin mới về bộ chuyển đổi
- Sửa lỗi
- Thông tin cập nhật về Dawn
Chrome 123
- Hỗ trợ các hàm tích hợp DP4a trong WGSL
- Các tham số con trỏ không bị hạn chế trong WGSL
- Cú pháp đơn giản để huỷ tham chiếu các thành phần trong WGSL
- Trạng thái chỉ đọc riêng biệt cho các khía cạnh khuôn tô và độ sâu
- Thông tin cập nhật về Dawn
Chrome 122
- Mở rộng phạm vi tiếp cận bằng chế độ tương thích (tính năng đang được phát triển)
- Tăng giới hạn maxVertexAttributes
- Thông tin cập nhật về Dawn
Chrome 121
- Hỗ trợ WebGPU trên Android
- Sử dụng DXC thay vì FXC để biên dịch chương trình đổ bóng trên Windows
- Truy vấn dấu thời gian trong các lượt tính toán và kết xuất
- Điểm truy cập mặc định vào các mô-đun chương trình đổ bóng
- Hỗ trợ display-p3 làm không gian màu GPUExternalTexture
- Thông tin về vùng nhớ heap
- Thông tin cập nhật về Dawn
Chrome 120
- Hỗ trợ các giá trị dấu phẩy động 16 bit trong WGSL
- Phá vỡ giới hạn
- Các thay đổi đối với trạng thái khuôn tô chiều sâu
- Thông tin cập nhật về bộ chuyển đổi
- Lượng tử hoá truy vấn dấu thời gian
- Các tính năng dọn dẹp đón mùa xuân
Chrome 119
- Kết cấu dấu phẩy động 32 bit có thể lọc
- định dạng đỉnh unorm10-10-10-2
- Định dạng hoạ tiết rgb10a2uint
- Thông tin cập nhật về Dawn
Chrome 118
- Hỗ trợ HTMLImageElement và ImageData trong
copyExternalImageToTexture()
- Hỗ trợ thử nghiệm cho hoạ tiết lưu trữ chỉ đọc và đọc-ghi
- Thông tin cập nhật về Dawn
Chrome 117
- Huỷ thiết lập vùng đệm đỉnh
- Huỷ đặt nhóm liên kết
- Không hiển thị lỗi khi tạo quy trình không đồng bộ nếu thiết bị bị mất
- Thông tin cập nhật về việc tạo mô-đun chương trình đổ bóng SPIR-V
- Cải thiện trải nghiệm của nhà phát triển
- Các quy trình lưu vào bộ nhớ đệm có bố cục được tạo tự động
- Thông tin cập nhật về Dawn
Chrome 116
- Tích hợp WebCodecs
- Thiết bị bị mất do GPUAdapter
requestDevice()
trả về - Duy trì chế độ phát video mượt mà nếu
importExternalTexture()
được gọi - Sự tuân thủ quy cách
- Cải thiện trải nghiệm của nhà phát triển
- Thông tin cập nhật về Dawn
Chrome 115
- Các tiện ích ngôn ngữ WGSL được hỗ trợ
- Hỗ trợ thử nghiệm cho Direct3D 11
- Nhận GPU rời theo mặc định khi dùng nguồn điện AC
- Cải thiện trải nghiệm của nhà phát triển
- Thông tin cập nhật về Dawn
Chrome 114
- Tối ưu hoá JavaScript
- getCurrentTexture() trên canvas chưa thiết lập sẽ gửi InvalidStateError
- Thông tin cập nhật về WGSL
- Thông tin cập nhật về Dawn