加载的 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);
    ...

模型加载正常，但是当我旋转相机时（有时只是在加载时），它看起来非常模糊并且出现白线。

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

fiddle 可以在这里找到：https://jsfiddle.net/35wc6myf/

在 SketchUp 中看起来像这样：

Answer 1

不确定您的 Sketchup 文件的导出设置，但看起来它添加了相当多的 LineSegments 颜色设置为白色的对象。可能是这些存在于您的场景层次结构中，但它们的可见性已被关闭，或者它们在导出时被添加。通过在克隆场景后立即添加此代码，我能够删除 fiddle 中的白线：

model = dae.scene.clone();

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

结果：

加载的 dae 模型看起来像素化，带有白线 n Three.js

Loaded dae model looks pixelated with white lines n Three.js

3d

three.js

sketchup