WebGL与WebGPU在渲染计算流程上的差异有哪些？

本文共计3229个文字，预计阅读时间需要13分钟。

目录 + 1. WebGL 1.1 使用 WebGLProgram 表示一个计算过程 1.2 WebGL 没有通用的 API

2.WebGPU

2.1 使用 Pipeline 组装管线中的各个阶段 2.2 使用 PassEncoder 调度管线内的行为 2.3 使用 CommandEncoder 编码多个指令

目录

• 1. WebGL
  • 1.1. 使用 WebGLProgram 表示一个计算过程
  • 1.2. WebGL 没有通道 API
• 2. WebGPU
  • 2.1. 使用 Pipeline 组装管线中各个阶段
  • 2.2. 使用 PassEncoder 调度管线内的行为
  • 2.3. 使用 CommandEncoder 编码多个通道
  • 2.4. PassEncoder 和 Pipeline 的关系
• 3. 总结

---

前两篇文章介绍了 WebGL 和 WebGPU 是如何准备顶点和数字型 Uniform 数据的（纹理留到下一篇），当渲染所需的原材料准备完成后，就要进入逻辑组装的过程。

WebGL 在这方面通过指定“WebGLProgram”，最终触发“drawArrays”或“drawElements”来启动渲染/计算。全局状态为特征的 WebGL 显然做多步骤渲染来说会麻烦一些，WebGPU 改善了渲染计算过程的接口设计，允许开发者组装更复杂的渲染、计算流程。