加载的dae模型看起来像白线n Three.js

Question

我在Three.js中加载在Sketctup（https://graviditetsberegner.dk/square.skp）中创建的dae模型。我发现，从Sketchup到Three.js，dae模型在不同组件的纹理放置和层次放置方面是最好的。我使用以下代码加载模型，但未对网格进行任何修改：

var modelLoader = new THREE.ColladaLoader();

modelLoader.load("https://www.graviditetsberegner.dk/square.dae", function (dae)         {

    model = dae.scene.clone();
    scene.add(model);
    ...

模型可以很好地加载，但是当我旋转相机（有时甚至是在加载时）时，它看起来确实很模糊并且出现白线。

是否有选项或可以设置的选项使它看起来平滑且没有白线？我已经为渲染器尝试过抗锯齿，效果不佳。

在这里可以找到一个小提琴：https://jsfiddle.net/35wc6myf/

在SketchUp中如下所示：

Answer 1

不确定Sketchup文件上的导出设置，但看起来好像它添加了许多LineSegments对象，其颜色设置为白色。这些可能存在于您的场景层次结构中，但是它们的可见性已关闭，或者在导出时被添加。克隆场景后，我可以通过添加以下代码来消除小提琴中的白线：

model = dae.scene.clone();

model.children[0].children.forEach(child => {
    if (child.type == "LineSegments") {
        child.visible = false;
    }
});

结果：