javascript - 使用 CanvasRenderer 在 three.js 中绘制线条比 WebGLRenderer 绘制的线条更平滑

Question

我一直被 three.js 的 CanvasRenderer 渲染线比 WebGLRenderer 平滑得多的问题所困扰。看起来好像 WebGLRenderer 没有应用抗锯齿。

当我使用 three.js Canvas - 线条 - 来自 http://mrdoob.github.io/three.js/examples/canvas_lines.html 的随机示例，我使用 CanvasRenderer 看到了这个:

改变下一行时

renderer = new THREE.CanvasRenderer();

到

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

，我看到了:

如您所见，WebGL 的质量显然较差。我做错了什么？

Answer 1

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