webgl - 三.js阴影问题

Question

我的 Three.js 脚本有问题。我有这个场景，

http://jsfiddle.net/Rhtr2/7/

但是一旦我启用阴影（取消注释spot.castShadow=true;），它就会变成这样：

http://prntscr.com/jx7id

我不确定我的代码哪里有问题，但我认为这很明显。

顺便说一句：其他带影子工作的 Three.js 示例，所以这不是我的 gpu 的一般问题，也没有控制台输出。

Answer 1

你的小提琴有很多错误。请参阅 three.js 示例，了解如何renderer正确地将 a 添加到 DOM。

此外，您需要进行试验，直到您了解旋转在 three.js 中的工作原理。

你需要正确设置你的影子near相机far planes。

这是一个更新的小提琴：http: //jsfiddle.net/Rhtr2/58/

---

哎呀！小提琴版本 58！阅读 jsfiddle 常见问题解答。你不需要“更新”你的小提琴来运行它。