Three.js:使用两个或多个渲染器如何影响性能?(WebGLRenderer和CSS2DRenderer)

Question

目前，我使用WebGLRenderer来渲染场景。我还需要在场景中显示一些HTML元素。为此，我将HTML元素包装在CSS2DObjects中，并使用CSS2DRenderer渲染它们。

问题:添加CSS2DRenderer如何影响性能?是否有任何实用的方法来衡量性能仅使用WebGLRenderer和使用WebGL和CSS2DRenderer?

谢谢!

Answer 1

添加CSS2DRenderer如何影响性能?

我恐怕不可能回答这个问题，因为性能影响取决于你的场景中DOM元素的数量。对于常见的用法(呈现一些标签)，性能影响不应该是明显的。

一般来说，CSS渲染器不能与WebGL或画布元素一起工作，所以对于WebGLRenderer的任务没有副作用。如果你想要确切的数字，你必须使用浏览器的开发工具进行详细的性能分析，并比较有和没有CSS渲染器的帧时间。