Three.js聚光灯阴影没有显示

时间:2016-07-05 14:27:47

标签: javascript three.js

我正试图绕过三个阴影。目前有一个场景设置,其中一个对象设置为投射阴影,一个楼层设置为接收它们。

floor.receiveShadow = true;

不幸的是阴影没有出现。我确定我做的事情很糟糕。任何想法都会很棒!

此处示例:http://codepen.io/popmatik/pen/oLwPrk?editors=0010

由于

1 个答案:

答案 0 :(得分: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)

尝试更改相机FOVFAR,但似乎并没有改变结果。