解决three.js中模型破面问题的一种方法

分类:计算机 | 三维开发 | 基础理论 | 综合 712
更新:2022-10-31 20:47:06
编辑

最近在使用three.js加载渲染一个gltf模型时发现模型有些地方存在破面的问题,刚开始以为是建模的问题,于是给建模人员反馈了这个问题,建模人员也改了几次,发现问题还是存在。

后来用其它的gltf浏览工具打开模型发现模型是正常的,看来应该不是建模的问题了,于是查了一些资料,发现通过设置WebGLRenderer的logarithmicDepthBuffer属性为true,就可以解决这个问题,代码如下所示:

this.renderer = new THREE.WebGLRenderer({
        antialias: true,
        alpha: true,
        canvas: document.getElementById("container"),
        logarithmicDepthBuffer:true //深度缓存
});