Three.js 模型闪烁重影(深度问题)

Three.js_解决谍影闪烁重影模型的方法 - 随遇丿而安 - 博客园

https://www.baidu.com/link?url=pVSeuyn04B9KfJ9ZbNnkYW27WDtGvDxth7_phqtQZJdb78oObR9vTRFpnBTogF0LrZ1yTsGRmRyjSzydfpTsbrspi3zap3K7oWqtj1-dlQa&wd=&eqid=d23e6a5f0003e7520000000662de4ef9

解决方法

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

设置logarithmicDepthBuffer属性为true, 便可以处理这个问题

logarithmicDepthBuffer, 官方解释: 是否使用对数深度缓存。如果要在单个场景中处理巨大的比例差异,就有必要使用, 默认是false。 使用了会带来额外的开销, 但是效果会变好.

你可能感兴趣的:(前端)