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

Question

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

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

1）我必须做一个丑陋的黑客才能让requestAnimationFrame回调工作：

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

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

animate();

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

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

score 5 · Accepted Answer

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

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

这是我将如何做到的。闭包防止变量污染全局命名空间；不需要你所有的this参考资料。

1 回答 1