왜이 장면의 조명이 작동하지 않습니까?

Question

일반 및 회전 큐브를 표시하는 coffeescript로 게임 클래스를 작성했습니다. 나는 requestAnimationFrame 콜백 작업을 얻을 수 못생긴 해킹을해야 할)

1 : http://jsfiddle.net/6eRzt/6/

모두 두 가지를 제외하고, 멋쟁이입니다 : 현재 코드를 볼 수 있습니다

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

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

animate();​ 

2) 이것은 내 주요 관심사입니다 : SpotLight가 작동하지 않습니다. 다른 JSFiddle (이 Question에서 참조)에서 동작을 복제하려고했지만 성공하지 못했습니다. 어쩌면 그것은 단지 어리석은 오타이거나 어쩌면 내가 잘못하고있는 것일 수 있습니다.

Plus : 내 App 클래스로 잘못된 트랙에 있습니까? 지금까지 발견 된 모든 three.js 예제는 일반 함수를 사용하여 물건을 실행합니다.

Answer 1

주요 관심사에 대해서는 CanvasRenderer 대신 WebGLRenderer을 사용해야합니다.

바이올린 : http://jsfiddle.net/6eRzt/10/

편집 : 첫 번째 문제를 해결하는 방법이 많이있다. 누구나 자신의 견해를 가질 것입니다.

다음은 어떻게 수행할까요? 클로저는 변수가 전역 네임 스페이스를 오염시키지 않도록합니다. 모든 this 참조가 필요하지 않습니다.

피들 # 2 : http://jsfiddle.net/6eRzt/11/