如何修复 3d 模型中的“裂缝”？

Question

我使用激光扫描仪创建了一个 3D 模型，并尝试使用 three.js 在 webapp 上显示它。

当我在 Blender 或 Unity 上加载该模型时，它看起来不错，但它在带有threejs 和 3D 查看器（默认 Windows 应用程序）的 webapp 中都显示出一些裂缝

如何修复这些裂缝？

我将数据模型导出为 glb 和 obj 文件格式，但两种格式的结果相同。

（3D 查看器上的模型）

（搅拌机上的模型）

( 纹理图像 )

Answer 1

仅适用于遇到相同问题的人。我在加载已经包含纹理的 GLB 文件时尝试了此代码。

var loader = new THREE.GLTFLoader();

// model
var model, mat, geo;
loader.load(
    // resource URL
    "https://xxxxxx/model.glb"
    // called when the resource is loaded
    function (gltf) {
       model = gltf.scene;
       model.traverse( function( object ) {            
           if ((object instanceof THREE.Mesh)){ 
                mat = object.material;
                geo = object.geometry;
                mat.map.minFilter = THREE.NearestFilter;
                mat.map.magFilter = THREE.NearestFilter;
           }
       });
       scene.add(model);
    },
    // called while loading is progressing
    function (xhr) {
        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
    },
    // called when loading has errors
    function (error) {

        console.log('An error happened');
        console.log(error);

    }
);