ShadowMap不使用three.js在网格上投射阴影

时间:2016-11-15 13:13:25

标签: javascript three.js

我试图使用three.js聚光灯将球形网格(phong材料)的阴影投射到地板网格(phong材料)上,但它似乎不起作用 - 这里是我有https://jsfiddle.net/m6t43ob5/1/

如您所见,我使用以下方式启用了阴影贴图:

<Connector port="80" protocol="HTTP/1.1"
           connectionTimeout="20000"
           redirectPort="8443" />

我的光明肯定会投下阴影:

renderer.shadowMap.Enabled = true;

我的地板网格肯定设置为接收阴影:

spotLight.castShadow = true;

我的球形网格设置为投射阴影:

floor.receiveShadow = true;

所以我只是不明白我可能会错过什么来施展我的影子?我已经研究过,似乎大多数其他人都通过添加启用阴影贴图来修复它,但我已经添加了这个并且它仍然无法正常工作。 感谢帮助!

1 个答案:

答案 0 :(得分:2)

应该是:

renderer.shadowMap.enabled = true;