使用CanvasRenderer在three.js中绘制线条比WebGLRenderer线条更平滑 [英] Drawing lines in three.js using CanvasRenderer makes smoother lines than WebGLRenderer

问题描述

Three.js的CanvasRenderer渲染线比WebGLRenderer平滑得多，这一直困扰着我。 WebGLRenderer似乎没有应用抗锯齿。

I've been stuck with an issue with three.js' CanvasRenderer rendering lines a lot smoother than the WebGLRenderer. It appears as if the WebGLRenderer doesn't apply antialiasing.

当我使用three.js画布-行- http://mrdoob.github.io/three.js/examples/canvas_lines.html ，我使用CanvasRenderer看到了这一点：

When I take the three.js canvas - lines - random example from http://mrdoob.github.io/three.js/examples/canvas_lines.html, I see this using the CanvasRenderer:

renderer = new THREE.CanvasRenderer();

到

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

，我看到的是：

< img src = https://i.imgur.com/Kxtfe8R.png alt = WebGL>

如您所见，WebGL的质量明显较差。

As you can see, the WebGL clearly has inferior quality. What am I doing wrong?

推荐答案

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

这篇关于使用CanvasRenderer在three.js中绘制线条比WebGLRenderer线条更平滑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！