2015-12-07 105 views
0

我面临着一个问题,其中一个THREE.SpotLight正在投射一个阴影,而没有一个物体在其平截头体中。Three.js聚光灯投影没有物体的阴影

我已经设置了一个简单的场景,其中包含一个THREE.SpotLight和一个平面网格。 SpotLight被设置为投射阴影和飞机以接收阴影。在地面上有一个可见的正方形阴影,这是SpotLights shadowCamera的大小。这个场景是下面图片的右侧。

立方体网格现在被添加和定位外部初始摄像机视图空间。通过缩小,在立方体网格变得相机可见之前,Spotlight阴影消失。这张照片在图片的左侧。

http://jsfiddle.net/L0rdzbej/157/

这发生在Firefox中,从它是什么我heared无法在Chrome的情况。这里发生了什么以及如何避免它?

enter image description here

+0

如果您在设置框的位置后调用'box.updateMatrixWorld()',问题是否消失? – WestLangley

+0

编号:http://jsfiddle.net/L0rdzbej/158/。在添加任何对象时(例如SpotLight-Helper),阴影不再是问题所在。 –

+0

我的猜想是你正在看到盒子的阴影。你能把盒子换成一个球体并尝试吗? – WestLangley

回答

-1

阴影显示不出来了,所以IM标志着这个作为解决。

编辑:如果有人遇到同样的问题,请联系github上的报告问题:https://github.com/mrdoob/three.js/issues/7750。它没有得到太多的关注,因为它不能被维护人员复制。

+0

你知道你做了什么来解决它吗?它可能会在未来帮助其他人类似的问题。 – GregL

+0

我没有改变任何意图。今天刚刚使用Chrome/IE/FF检查了jsfiddle,并且它不再显示。 –