经过多年的开发，Chrome 团队发布了 WebGPU，它允许在 Web 上进行高性能 3D 图形和数据并行计算。WebGPU 现在默认在 Chrome 113 中可用，其目前处于 Beta 通道，并预计将于 4 月 26 日发布正式版。
WebGPU 是一种新的 Web 图形 API，它具有显着的优势，例如大大减少相同图形的 JavaScript 工作量，以及机器学习模型推断的三倍以上的改进。WebGPU 的初始版本可以在 ChromeOS、macOS 和 Windows 上使用。对其他平台的支持将于今年晚些时候推出。
Web 网络图形的新曙光
WebGPU 是一种新的 Web API，它公开了现代硬件功能，并允许在 GPU 上进行渲染和计算操作，类似于 Direct3D 12、Metal 和 Vulkan。与 WebGL 系列 API 不同，WebGPU 提供了对更高级 GPU 功能的访问，并为 GPU 上的通用计算提供一流的支持。该 API 的设计考虑了 Web 平台，具有常用的 JavaScript API、与 Promise 的集成、对导入视频的支持以及带有大量错误消息的完善的开发人员体验。
WebGPU 的这个初始版本是未来更新和增强的构建块。API 将提供更高级的图形功能，并鼓励开发人员发送对其他功能的请求[1]。Chrome 团队还计划提供对着色器核心的更深入访问，以便在 WebGPU 着色语言 WGSL 中进行更多的机器学习优化和额外的人体工程学。
WebGPU 是 W3C 的“Web GPU”社区组织[2]协作努力的结果，其中包括来自 Mozilla、Apple、Intel 和 Microsoft 等主要公司的贡献。经过六年的发展（90 位贡献者，2000 次 commits，3000 个 issues[3]），从 2017 年的初始设计开始，第一个实现现在可以在 Chrome 中使用，并正在支持 Firefox 和 Safari。
WebGPU 是 W3C 的“Web GPU”社区组协作努力的结果，其中包括来自 Mozilla、Apple、Intel 和 Microsoft 等主要公司的贡献。经过六年的发展（90 位贡献者，2000 次提交，3000 个问题），从 2017 年的初始设计开始，第一个实现现在可以在 Chrome 中使用，并正在支持 Firefox 和 Safari。
Chromium 的 Dawn[4] 库和 Firefox 的 wgpu[5] 库都可以作为独立包使用，它们提供了出色的可移植性和人体工程学层，可以抽象操作系统 GPU API。在原生应用中使用这些库还可以更轻松地通过 Emscripten[6] 和 Rust web-sys[7] 移植到 WASM[8]。
浏览器支持
WebGPU 的初始版本可在支持 Vulkan 的 ChromeOS 设备、支持 Direct3D 12 的 Windows 设备和 macOS 的 Chrome 113 中使用。Linux、Android 和对现有平台的扩展支持即将推出。
除了在 Chrome 中的初步实现之外，目前在 Firefox 和 Safari 中正在开发 WebGPU。
库支持
许多广泛使用的 WebGL 库已经在实施 WebGPU 支持的过程中或已经这样做了。这意味着使用 WebGPU 可能只需要进行一行更改：
- Babylon.js[9] 已经完全支持 WebGPU，请参见演示[10]。
- PlayCanvas[11] 宣布了最初的 WebGPU 支持。
- TensorFlow.js[12] 支持大多数运算符的 WebGPU 优化版本。
- Three.js[13] WebGPU 支持正在进行中，请参阅示例[14]。
相关资源
WebGPU 是一项重要的技术，推荐以下资源以了解更多信息：
- 查看 WebGPU[15] 和 WGSL[16] 的 W3C 规范。
- 使用示例[17]进行实验并浏览 WGSL[18]。
- 查看 MDN 文档[19]。
- 阅读官方解释[20]和最佳实践[21]。
- 了解 GPU 计算[22]等。
参考： https://developer.chrome.com/blog/webgpu-release/
相关资料
[1]发送对其他功能的请求: https://github.com/gpuweb/gpuweb/issues
[2]W3C 的“Web GPU”社区组织: https://www.w3.org/community/gpu/
[3]90 位贡献者，2000 次 commits，3000 个 issues: https://github.com/gpuweb/gpuweb/graphs/contributors
[4]Dawn: https://dawn.googlesource.com/dawn
[5]wgpu: https://github.com/gfx-rs/wgpu
[6]Emscripten: https://emscripten.org/
[7]Rust web-sys: https://rustwasm.github.io/wasm-bindgen/web-sys/index.html
[8]WASM: https://webassembly.org/
[9]Babylon.js: https://babylonjs.com/
[10]演示: https://playground.babylonjs.com/#YX6IB8#73
[11]PlayCanvas: https://blog.playcanvas.com/initial-webgpu-support-lands-in-playcanvas-engine-1-62/
[12]TensorFlow.js: https://www.npmjs.com/package/@tensorflow/tfjs-backend-webgpu
[13]Three.js: https://threejs.org/
[14]示例: https://threejs.org/examples/?q=webgpu#webgpu_particles
[15]WebGPU: https://gpuweb.github.io/gpuweb/
[16]WGSL: https://gpuweb.github.io/gpuweb/wgsl/
[17]示例: https://webgpu.github.io/webgpu-samples/
[18]浏览 WGSL: https://google.github.io/tour-of-wgsl/
[19]MDN 文档: https://developer.mozilla.org/docs/Web/API/WebGPU_API
[20]解释: https://gpuweb.github.io/gpuweb/explainer/
[21]最佳实践: https://toji.dev/webgpu-best-practices/
[22]GPU 计算: https://developer.chrome.com/articles/gpu-compute/
