为什么这个场景中的灯光不工作？

Question

我用 coffeescript 编写了一个游戏类，它显示一个普通的和一个旋转的立方体。你可以在这里看到代码：http://jsfiddle.net/6eRzt/6/

一切都是花花公子，除了两件事：

1) 我必须做一个丑陋的 hack 才能让 requestAnimationFrame 回调工作：

var sh = new App();
sh.start();

function animate() {
    sh.animate();
    requestAnimationFrame(animate);
}

animate();​

2) 这是我最关心的问题：SpotLight 不工作。我试图从另一个JSFiddle（在此Question 中引用）复制该行为，但没有成功。也许这只是一个愚蠢的错字，或者我做错了。

另外：我的 App 课程是否走错了路？到目前为止，我发现的所有 three.js 示例都使用普通函数来运行。

Answer 1

关于您的主要关注点，您需要使用WebGLRenderer 而不是CanvasRenderer。

小提琴：http://jsfiddle.net/6eRzt/10/

编辑：有很多方法可以解决您的第一个问题。每个人都有自己的看法。

我会这样做。闭包防止变量污染全局命名空间；不需要你所有的 this 引用。

小提琴 #2：http://jsfiddle.net/6eRzt/11/