WebGPU学习笔记

架构

WebGPU的优势

WebGPU更好地支持多线程
WebGPU支持compute shader，从而让程序员能利用GPU实现很多优化
WebGPU是标准，各大浏览器都会支持。不像WebGL2，苹果直接不支持

WebGPU能将现代GPU的性能真正发挥出来，而计算性能则直接影响渲染效果(想想光照就是性能的代名词)，因此WebGPU肯定会带来最终视觉效果上的大幅度提升。

如何开启WebGPU

WebGPU运行的浏览器：Chrome Canary

参考这个问题的回答：

https://stackoverflow.com/questions/69780367/how-to-make-webgpu-run-in-chrome-canary-97

现在WebGPU已经成为一个实验性功能了(从Chrome94版本开始)，申请Token即可使用。

Token的申请页面：

https://developer.chrome.com/origintrials/#/register_trial/118219490218475521

目前已经申请的：

t.zhouchangju.com：

<meta httpEquiv="origin-trial" content="AtTCpIshCXkE4zS7YBuwJHUteEY1PTh8H7AXswWeuwbc7xWaC0K5f/V50UeCf9kR5W7qrP55zAd3l3Fb0arS7AoAAABReyJvcmlnaW4iOiJodHRwczovL3QuemhvdWNoYW5nanUuY29tOjQ0MyIsImZlYXR1cmUiOiJXZWJHUFUiLCJleHBpcnkiOjE2NjM3MTgzOTl9"/>

localhost:8080：

<meta httpEquiv="origin-trial" content="AvyDIV+RJoYs8fn3W6kIrBhWw0te0klraoz04mw/nPb8VTus3w5HCdy+vXqsSzomIH745CT6B5j1naHgWqt/tw8AAABJeyJvcmlnaW4iOiJodHRwOi8vbG9jYWxob3N0OjgwODAiLCJmZWF0dXJlIjoiV2ViR1BVIiwiZXhwaXJ5IjoxNjYzNzE4Mzk5fQ=="/>

发展进程

2023.04.06 Chrome正式发布WebGPU的支持

https://mp.weixin.qq.com/s/-Zt8LSAHgq2sKTwIcqpPyg

经过六年的开发，当地时间 4 月 6 日，谷歌 Chrome 团队正式发布 WebGPU，用于在网络上进行高性能 3D 图形与数据并行计算。WebGPU 现已在 Beta 测试阶段的 Chrome 113 中默认启用。
WebGPU 是一种新型 Web 图形 API，具有显著减少同等图形规模下 JavaScript 工作量、将机器学习模型的推理效率提升 3 倍以上等优势。之所以能实现这样的飞跃，要归功于其令 WebGL 无法实现的灵活 GPU 编程和高级功能访问能力。
据悉，WebGPU 的首个版本已经在 ChromeOS、macOS 和 Windows 上开放，对其他平台的支持将于今年晚些时候推出。