javascript - Three.js 阴影贴图 - Shadow.camera 未定义

标签 javascript three.js

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

请参阅this fiddle

如果我注释掉 renderer.shadowMap.enabled = true; 部分 ( fiddle ) - 场景将按照我想要的方式渲染。

使用 Firefox 进行调试显示 lightshadow 属性未定义,但是当我 console.dir 灯光时(将 fiddle url 中的 8 替换为 9 即可查看)这应该是一个阴影摄像机,我可以看到定向光具有阴影属性。

非常非常感谢任何帮助。我知道我一定错过了一些东西......

最佳答案

环境灯光Three.js 中转换阴影:

ambLight.castShadow = true;

修复了:TypeError:影子未定义

您仍然不会看到阴影转换,因为 DirectionalLight 的 ShadowCamera 平截头体没有碰到地板。

已修复: http://jsfiddle.net/dj23x1hj/14/

关于javascript - Three.js 阴影贴图 - Shadow.camera 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33777977/

相关文章:

javascript - 无法在 ThreeJS 中显示对象。出现错误 : THREE. OBJLoader:意外行: "usemap glass"

javascript - Three.js 中的超链接 CSS3D 对象

three.js - 如何在 Three.js 中高效创建管道

javascript - 在 Three.js 中模拟光学倒转(镜像)相机

javascript - Parse.com 代码不会部署 : "Could not load triggers"

javascript - 图例中的条形标签

javascript - 如何在 vue 中添加事件监听器来记录更改?

javascript - 如何在 JavaScript (AngularJS) 中使用 JodaTime

javascript - 绘制 Three.js BufferGeometry 线时,颜色不会粘在线段上

javascript - 如何从 asp.net 隐藏字段中设置和获取 bool 值