ThreeJS：物体不会在其他物体上投下阴影

Question

我正在使用three v0.85.2。

默认情况下，我的所有对象都配置为投射和接收阴影：

const mesh = new Mesh(geometry, material)

mesh.castShadow = meshConfig.castShadow
mesh.receiveShadow = meshConfig.receiveShadow

<{1}}的{​​{1}}已启用。

自我阴影似乎正确渲染（下图中的绿色方块）。 但是丢失了投射到其他物体的阴影（红色方块）。

我的所有网格似乎都会出现问题。 我找不到让它们出现的方法。

Answer 1

DirectionalLightShadow，您可以在那里了解在场景中使用THREE.DirectionalLight()时如何使用阴影。

此外，您还可以使用光源影子相机的.left，.top，.right和.bottom属性。

var light = new THREE.DirectionalLight(0xffffff,1);
light.position.set(50, 500, 22);
light.target.position.set(300, 400, 200);

light.shadow.camera.near = 0.5;       
light.shadow.camera.far = 5000;      
light.shadow.camera.left = -500;
light.shadow.camera.bottom = -500;
light.shadow.camera.right = 500;
light.shadow.camera.top = 500;

light.castShadow = true;
scene.add(light);

three.js r85

jsfiddle示例