ThreeJS怪​​异条纹阴影

Question

我正在尝试让厨房内的房间光线充足http://bozoou.com/plocice3D/ 您可以注意到厨房元素上有奇怪的水平阴影。

我怀疑 SpotLight 位于 x、y 和 z 轴的顶部。如果我沿 y 轴仅移动光源 1 个点（房间为 500x300），我会在整个地板上看到阴影：http://bozoou.com/plocice3D/? moveLight=1 如果我移动，也会发生同样的问题点亮 1 或 50。

所有元素都会投射和接收阴影。

Answer 1

这个问题通常是由于阴影近点离你的物体太近造成的。为了更好地理解，请尝试执行以下操作：创建灯光后，您可以添加相机助手来显示灯光的边界。

var spotLight = new THREE.SpotLight(0xffffff, 0.3, 0, Math.PI / 2);
spotLight.position.set(0, 100, 0);
sunLight.castShadow = true;

var shadowCameraHelper = new THREE.CameraHelper(spotLight.shadow.camera);
shadowCameraHelper.visible = true;

不断改变这两个值，直到达到目标。

spotLight.shadow.camera.near = 50;
spotLight.shadow.camera.far = 150;

请记住，spotLight.shadow.camera.far 设置得越多，阴影就越模糊。

您可以随时检查此示例中的 Threejs Threejs 示例