Khronos 会议分享 | WebGPU 1.0 即将发布

2022年1月25日的WebGL+WebGPU研讨会上,KenRussell介绍了WebGL的最新动态,而KaiNinomiya和BrandonJones分别分享了WebGPU的规范进展和最佳实践。WebGPU作为新的图形API,基于Vulkan、DX12和Metal,提供compute shader和shader storage等特性,预计2022年第二季度发布1.0版本。开发者可以通过ChromeCanary和FirefoxNightly的实验性功能进行测试。Orillusion提供了WebGPU和WGSL的中文文档,并计划开源其轻量级渲染引擎。最佳实践案例包括SpookyBall游戏,展示WebGPU在小游戏中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

2022年1月25日 Khronos 组织了一场备受瞩目的 WebGL+WebGPU 网络研讨会。

会议的主要部分有 :

  • WebGL 的最新消息和版本更新(WebGL 工作组组长 Ken Russell)

  • WebGPU规范和WebGPU生态的状态更新(Kai Ninomiya)

  • WebGPU的最佳实践案例 (Brandon Jones, Google)

  • WGSL着色器语言在线编辑器展示(Takahiro Aoyagi,Mozilla)

  • PlayCanvas的更新发布(Donovan Hutchence)

我们总结归纳了有关WebGPU的部分,会议内容参考以下链接。

WebGL + WebGPU Meetup - January 2022

https://www.khronos.org/events/webgl-webgpu-meetup-january-2022

WebGPU规范和WebGPU生态的状态更新

WebGPU是Web端的一个新的图形API。它的底层是现代图形API,包括Vulkan,DX12 和 Metal。它采用了pre-validation的方法,例如pipeline objects,bind groups,这些可以避免在运行过程中做draw time validation,并且简化了API 的编程逻辑。另外,相比WebGL,WebGPU还增加了一些新的特性,比如compute shader,shader storage,并且避免了使用global state。

WebGPU也为未来的渲染功能打好了基础,像是bindless ray tracing shader features,尽可能多的暴露native端的一些特性,并且能够跨平台夸浏览器的使用。

WebGPU 目前还处于研发阶段,预计将在2022年第二季度发布第一个版本1.0。同时着色器语言的规范也在快速的更迭中。

资料来源于网络

Orillusion的官网上有WebGPU和WGSL规范的中文版,欢迎小伙伴们来查看,欢迎到我们的GitHub中留言修改。

Orillusion WebGPU中文文档 GitHub 链接icon-default.png?t=M1L8http:// https://github.com/Orillusion/orillusion-web/tree/master/webgpu/zh/spec

资料来源于网络

虽然,WebGPU还处于测试阶段,但已经可以在Chrome和Firefox中使用啦。做本地测试的同学可以使用Chrome Canary或者Firefox Nightly,只需要设置相应的flag就可以。(在正常浏览的时候建议不要开启WebGPU)

  • Chrome Canary: 在 about:flags 中,启用enable-unsafe-webgpu

  • Firefox Nightly: 在 about:config中,设置dom.webgpu.enabled

Chrome Origin Trial 注册链接

https://developer.chrome.com/origintrials/#/trials/active

开发者们可以利用Chrome(94+)的Origin Trial,向Chrome申请WebGPU的权限,得到一个Token,放到HTML head里就可以使用特定的API,就可以发布WebGPU的应用给到端用户在Mac,Windows和Chrome OS系统中都可以。用户不用设置任何的Tag也可以查看WebGPU渲染的内容。
Orillusion 首页 Demohttps://www.orillusion.com/

大家可以参考一些WebGPU的资料,包括上面介绍的W3C官方文档,以及一些JS库,例如Babylon.js,Three.js,TensorFlow.js以及用Rust编写的wgpu可以对应使用WebAssembly。在WebGPU 1.0 版本发布前后,Orillusion也会开源,迎来第一批KA developers,届时欢迎大家来探讨和使用。

WebGPU使用一种新的着色器语言WGSL, 有一系列的着色器语言编译器,可以将「WGSL, Vulkan SPIR-V」转译成「WGSL,SPIR-V,HLSL,MSL」。大家可以参考Google Tint和Mozilla Naga。

Google’s Tint

https://dawn.googlesource.com/tint

Mozilla’s Naga

https://github.com/gfx-rs/naga

WebGPU的最佳实践案例

Brandon Jones在Google工作了9年,是一名Chrome团队的工程师。负责WebGPU的规范文档编辑和开发工作。

最近他开发了第一款完全基于WebGPU的小游戏,Spooky Ball。游戏很简单,里面使用了shadow mapping,bloom filtering for emissive materials, 上传gltf图片,以及一些动画效果。这个小游戏更多是用来测试,WebGPU的API是否可以被正确的使用,并没有发挥WebGPU真正的实力。

https://spookyball.com/

Brandon Jones还给出了一些最佳实践案例,我们来看来自Orillusion社区UGC 四季留歌 的分享,点击下方查看👇

WebGPU 的几个最佳实践https://zhuanlan.zhihu.com/p/461979585


Orillusion 致力于打造全世界第一款完全开源基于 WebGPU 标准的一种轻量级渲染引擎,目标是在浏览器中实现桌面级的渲染效果,支持超大复杂场景的 3D 呈现。易上手,易分享,易迭代,易协作、成本低,跨平台是我们的核心优势,我们将为 3D 场景爆发时代提供引擎基础工具。

未来我们将会持续把最干货最前沿的 WebGPU 技术分享给每一位社区成员,也欢迎大家为 Orillusion 开源社区做出自己的贡献。我们一直坚信,开源社区的技术留痕是每一位技术人员最崇高的追求!因此,我们尊重,我们认可,我们更期待,加入 Orillusion,让我们共同进步!

——Link uncharted, 链接未来世界

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Orillusion

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值