将绘制的模型从 Blender 导出到 Three.js

Question

我尝试将 GLTF 模型从 Blender 导出到 Three.js。有用。但我在 Three.js 上有一些带有照明和绘画的工件。我在 Three.js 中有线条和正方形，但我不知道为什么。

我只使用 Blender 中的 Principled BSDF 节点来绘制我的模型。如果我在 Three.js (MeshPhongMaterial) 中设置材质，它就可以正常工作。但对于来自 Blender 的 Principled BSDF 节点则不然。有什么想法吗？

我试图让物体投射阴影并对灯光做出反应。这与 MeshPhongMaterial 和 Principled BSDF 配合良好。但在第二种选择中，我不喜欢这些黑色条纹。

const INITIAL_MTL = new THREE.MeshPhongMaterial( { color: 0x575757, shininess: 10 } );
...
let theModel = gltf.scene;

        theModel.traverse((o) => {
            if (o.isMesh) {
                if (o.name == 'Foundation') {
                    o.material = INITIAL_MTL //Left part on screenshot with MeshPhongMaterial
                }
                o.castShadow = true;
                o.receiveShadow = true;
            }
        })

Answer 1

减轻自阴影伪影的常用方法是调制阴影投射光的 bias 属性。尝试一下：

light.shadow.bias = - 0.002;