Question

每当我在WebGL渲染器上启用抗锯齿时，FPS从60变为大约25。

this.renderer = new THREE.WebGLRenderer({
    antialias: true
});

这似乎是在我添加了多个场景并且必须手动清除深度后才开始发生的。值得注意的是，我在手机游戏中也达到了60 FPS，但不是桌面或镀铬。

可能导致这种情况的原因是什么？

Answer 1

其中一项可能是桌面上场景的分辨率。

同时检查设备像素比率。

Answer 2

mjanisz1的答案可能是正确的，因为它与你的分辨率和dpr组合有关，因为大多数浏览器都使用MSAA，它基本上是放大渲染和昂贵的。我建议你在这里看一下FXAA https://github.com/mattdesl/three-shader-fxaa。它提供了通常值得的质量性能权衡。