抗锯齿three.js所/ WebGL的(Anti Aliasing Three.js / WebG

我有抗锯齿一个问题，当我旋转模型，人造卫星

我在用

渲染=新THREE.WebGLRenderer（{preserveDrawingBuffer：真，抗锯齿：真}）;

它帮助，但不能完全解决问题。

在这个位置上，它看起来OK：

有谁知道如何解决这个问题？ 或有什么想法，我可以尝试什么吗？ （代码示例，将不胜感激）

谢谢

编辑：

好吧，我已经加入此：

renderer.setPixelRatio（2）;

并且它提高了很多（参见导致波纹管），但仍然显示了一个位，

任何人有任何其他的想法建议吗？

Answer 1:

我不能完全肯定这是否会做的伎俩，但它可能是值得一试。 使用下面的例子中，设定你的纹理各向异性呈示最大各向异性。 （我使用的webglrenderer）这应该Enabel然在此纹理反锯齿和减少象在第一图像中的锯齿线。

texture.anisotropy = renderer.getMaxAnisotropy（）。

Answer 2:

是线条纹理？

如果是这样，我有一个问题simular然后根据摄像机的位置之上没有完全质地我会得到模糊。 也许这可以帮助你：

texture.minFilter = THREE.LinearFilter;

文章来源: Anti Aliasing Three.js / WebGL