Three.js shadowmap - shadow.camera未定义

时间:2015-11-18 10:47:10

标签: javascript three.js

刚发现three.js,我希望用它来显示个性化的产品预览。简单的阴影会很好,但我无法工作...... 每当我重新创建这些示例时,它们都可以正常工作,但我无法让它与我的设置一起使用。

请参阅this fiddle

如果我评论renderer.shadowMap.enabled = true;部分(fiddle) - 我想要的场景渲染。

使用Firefox进行调试显示shadow的{​​{1}}属性未定义,但是当我在console.dir中点亮(用小提琴中的9替换8来查看)时所假设的制作一个shadowcamera,我可以看到定向光具有阴影属性。

真的,真正感谢任何帮助。我知道我一定错过了什么......

1 个答案:

答案 0 :(得分:2)

环境灯光投射Three.js中的阴影:

ambLight.castShadow = true;

修正了:TypeError: shadow is undefined

你仍然不会看到阴影投射,因为DirectionalLight的shadowCamera视锥无法击中场地。

修正: http://jsfiddle.net/dj23x1hj/14/