乐趣区

关于前端:Khronos-会议干货-WebGPU-10-即将发布

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

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 链接

尽管,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/…

开发者们能够利用 Chrome(94+)的 Origin Trial,向 Chrome 申请 WebGPU 的权限,失去一个 Token,放到 HTML head 里就能够应用特定的 API, 就能够公布 WebGPU 的利用给到端用户 ,在 Mac,Windows 和 Chrome OS 零碎中都能够。用户不必设置任何的 Tag 也能够查看 WebGPU 渲染的内容。

Orillusion 首页 Demo

大家能够参考一些 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…
  • 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 真正的实力。

Spooky Ball

Brandon Jones 还给出了一些最佳实际案例,咱们来看来自 Orillusion 社区 UGC 四季留歌 的分享,点击查看!WebGPU 的几个最佳实际


欢送更多的小伙伴能够退出咱们的 Orillusion 社区,陪咱们一起见证 WebGPU 的倒退。咱们会尽本人最大的致力把最干货最前沿的 WebGPU 技术分享给每一位社区成员,也诚心的心愿大家为 Orillusion 开源社区做出本人的奉献。咱们始终深信,开源社区的技术留痕是每一位技术人员最高尚的谋求。因而,咱们尊重,咱们认可,咱们更期待,退出 Orillusion,让咱们共同进步!

——Link uncharted, 链接将来世界

Orillusion 团队介绍

Orillusion 团队由帝国理工大学可视化渲染方向博后创立,团队成员具备顶级的学术背景,包含来自海内外名校的硕士博士,如港大,哈工大,北邮等,而且引擎技术研发成员均来自原白鹭引擎外围团队,具备 10 年以上的底层引擎研发教训。咱们也始终继续关注优良企业和开源社区的相干人才,期待更多酷爱开源的小伙伴退出 Orillusion,一起扭转世界!

团队专一于引擎底层技术研发,次要工作是打造齐全开源的 WebGPU 轻量级通用渲染引擎,指标是在浏览器中实现桌面级的渲染成果,以及反对超大简单场景的 3D 出现。将来团队会始终专一于引擎底层的技术冲破,打造优良的开源软件及开源区,为 3D 场景暴发时代提供引擎根底工具。

退出移动版