javascript - Three.js聚光灯阴影不显示

Question

我正在尝试了解 Three.js 阴影。当前设置了一个场景，其中一个对象设置为转换阴影，一个地板设置为接收阴影。

floor.receiveShadow = true;

不幸的是，阴影没有出现。我确信我正在做一些愚蠢的事情。任何想法都会很棒!

示例如下:http://codepen.io/popmatik/pen/oLwPrk?editors=0010

谢谢

Answer 1

以下代码对我有用(感谢@Ramil Kudashev):

let spotlight = new THREE.SpotLight(0xfdf8d8, 0.3, 400, 0.8, 0.5, 1);
spotlight.target = <Some3DObjectToPointAt>;
spotlight.shadow = new THREE.SpotLightShadow(new THREE.PerspectiveCamera(20, 1, 1, 250));
spotlight.castShadow = true;
//Add to scene somewhere

Ramil 建议使用 THREE.LightShadow，我必须通过 THREE.SpotLightShadow (v0.110.0)

尝试更改相机FOV和FAR，但似乎没有改变结果。