ThreeJs:为什么我的3D对象边缘会出现失真

Question

这是我到目前为止用 ThreeJs 制作的配置器，它是一个 3D 衬衫配置器，但我最大的问题是它的边缘周围有失真，这使得它如此模糊和低多边形，请问这是什么原因，是因为我使用的是 JSON 网格。我在PlayCanvas上尝试了这个，结果很完美。

Answer 1

如果您指的是模型边缘周围的步进或锯齿伪影，则称为"混叠"。您可以通过在THREE.WebGLRenderer中启用抗锯齿来减少它。

改变

var renderer = new THREE.WebGLRenderer();

自

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

来修复它。

希望对您有所帮助！