三.js渲染质量

Question

我是 Three.js 和 3D 建模的新手。我设法加载我的 gltf 模型并使用 Three.js 在浏览器中显示它，请参见这张图片：

当我转动立方体时，我注意到渲染边缘的质量不是很高（在图片中，背面的边缘看起来“之字形”）。我可以以某种方式改进这个吗？

Answer 1

边缘上的伪影称为混叠

在 WebGLRenderer 中将抗锯齿设置为 true

IE

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