Three.js中的渲染问题

Question

在以特定缩放方式渲染3d模型时，模型会正确渲染，但当模型远离相机时，会渲染模型后面的部分

将渲染器属性设置为、Renderer.context.disable(Renderer.context.DEPTH_TEST); Renderer.autoClearDepth = true; Renderer.autoClearStencil = true; Renderer.sortObjects = true; Renderer.shadowMapCullFace = THREE.CullFaceBack; Renderer.shadowMap.enabled = true; Renderer.shadowMap.type = THREE.PCFSoftShadowMap; Renderer.gammaInput = true; Renderer.gammaOutput = true;

在增加相机的z值时，它被正确地渲染为，

​

但在减少相机的z值时，蓝色纹理的3d模型会覆盖白色的模型，

​

​

Answer 1

根据我从您的问题中了解到的，您在更改相机z维度时渲染对象时出现错误。

您可以尝试使用以下方法进行修复：

• 确保将摄影机对象的近端和远端值设置为包含对象的z位置，如下所示：

camera.near = 0.01; // minimum z

具有对象材质属性的camera.far = 10000; // maximum z

• play：depthTest和depthWrite.