如何在 3d 模型中修复 "cracks"？

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);

    }
);

如何在 3d 模型中修复 "cracks"？

How can I fix "cracks" in 3d model?

graphics

unity3d

blender

three.js