Three.js 导入的 JSON 模型不接收/投射阴影

Question

我一直在尝试在 Three.js 中使用搅拌机导出的模型，现在我可以导入模型，看看光线如何影响对象本身。我可以看到我使用的 directionalLight 突出了它所面对的东西，但我根本无法投射阴影。

这就是我正在做的事情：

renderer.shadowMapEnabled = true;
renderer.shadowMapType = THREE.PCFSoftShadowMap;
(...)
var directionalLight = new THREE.DirectionalLight(0xffffff);
directionalLight.position.set(30,10,-10);
directionalLight.castShadow = true;
directionalLight.shadowDarkness = 0.5;
directionalLight.shadowCameraVisible = true;
directionalLight.shadowBias = 0.1;
directionalLight.shadowMapWidth = 1024;
directionalLight.shadowMapHeight = 1024;
directionalLight.shadowCameraRight = 10;
directionalLight.shadowCameraLeft = -10;
directionalLight.shadowCameraTop = 10;
directionalLight.shadowCameraBottom = -10;
directionalLight.shadowCameraFar = 10;
directionalLight.shadowCameraNear = 10;
scene.add(directionalLight);


var loader = new THREE.ObjectLoader();
loader.load( "island.json", function ( geometry ) {
    islandMesh = geometry;
    for(k in islandMesh.children-1){
        islandMesh.children[k].castShadow = true;
        islandMesh.children[k].receiveShadow = true;
    }
    islandMesh.castShadow = true;
    islandMesh.receiveShadow = true;
    scene.add( islandMesh );
    render();
} );

但即使我相信整个设置允许我完成投射阴影，我也无法投射任何阴影。 截图如下：

尽管光线来自岛屿的右侧，但山脉并没有像我预期的那样投下阴影。

我真的很感激你花时间看这个！

提前非常感谢，伙计们！

Answer 1

只有当您知道 json 文件中的数据具有一个父级的结构，而其余的都是该父级的子级时，您所做的事情才会起作用。 （你为什么还要在 for 循环中做 -1 ？）

您应该做的（在所有情况下都有效）是遍历生成的几何树：

islandMesh.traverse ( function (child) {
    if (child instanceof THREE.Mesh) {
        child.castShadow = true;
        child.receiveShadow = true;
    }
}

编辑

对于您使用的定向灯，您可能需要调整

light.shadowCameraNear, light.shadowCameraFar, light.shadowCameraLeft,
light.shadowCameraRight, light.shadowCameraTop, light.shadowCameraBottom

CameraNear 默认值可能没问题，但您可以将其恢复为 1 和 CameraFar，具体取决于相机与场景远端的距离。