Blink 如何提升 WebGL：从优化到创新

Chrome翻译：Blink 如何影响 WebGL（第 2 部分）

Blink 是 Chromium 项目的核心浏览器引擎，为 Chrome、Microsoft Edge、Opera 等浏览器提供支持。从最初采用 WebGL 起，Blink 就不断优化和创新，以提升网页图形的渲染性能和用户体验。

WebGL 是一种基于 JavaScript 的图形 API，使开发人员能够直接访问浏览器端的图形硬件。借助 Blink，开发人员可以充分利用 WebGL 的强大功能，创建逼真且交互式的高质量 3D 图形。

优化

自首次引入 Blink 以来，开发人员一直在对 WebGL 进行优化。通过消除抽象层和清理依赖关系，Blink 减少了开销并提高了 WebGL 管道的执行效率。例如，删除了 Pepper 3D 插件，简化了 WebGL 的图形上下文创建和管理流程。

创新

除了优化之外，Blink 还带来了许多创新，扩展了 WebGL 的功能和用途。其中一些创新包括：

• WebGL 2.0 支持： Blink 率先支持 WebGL 2.0 规范，提供了诸如变形反馈和多渲染目标等新功能。这些功能极大地增强了 WebGL 的图形处理能力，使开发人员能够创建更复杂和交互式的 3D 场景。
• WebGPU： WebGPU 是一个新的低级图形 API，为 WebGL 提供了更直接的硬件访问。与 WebGL 2.0 相比，WebGPU 具有更高的性能和更低的开销。随着 WebGPU 的发展，Blink 将继续支持其集成和优化。
• GPU 加速的 Canvas2D： Canvas2D 是用于创建 2D 图形的 API。Blink 中的 GPU 加速 Canvas2D 将 Canvas2D 渲染卸载到 GPU，从而提高了性能并减少了 CPU 使用率。

未来发展

Blink 团队致力于 WebGL 的持续发展和创新。未来的改进可能包括：

• 硬件加速计算着色器： 硬件加速计算着色器将使开发人员能够在 GPU 上运行计算密集型任务，从而释放 CPU 核心以专注于其他任务。
• 延迟编译： 延迟编译将推迟 WebGL 着色器的编译过程，直到首次使用它们为止。这将减少首次加载时间的延迟并提高整体性能。
• WebGL 3.0 支持： 随着 WebGL 3.0 规范的发展，Blink 将继续提供对新功能的支持，例如立方体贴图阵列和多抽样深度目标。

结论

Blink 为 WebGL 浏览器图形提供了坚实的基础。通过持续的优化和创新，Blink 使开发人员能够充分利用 WebGL 的强大功能，创建令人惊叹的交互式 3D 体验。随着 Blink 和 WebGL 的持续发展，我们可以期待看到未来的激动人心的发展，进一步推动网页图形的界限。