なぜこのシーンのライトは機能しませんか？

Question

私はプレーンと回転キューブを表示するcoffeescriptでゲームクラスを書きました。私は​​コールバック作業を取得するために醜いハックをしなければならない）

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

すべては二つのことを除いて、ダンディです：あなたはここにコードを見ることができます

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

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

animate();​ 

2）これは私の大きな関心事です：SpotLightは機能しません。私は別のJSFiddle（このQuestionで参照されている）から振る舞いを再現しようとしましたが、成功しませんでした。多分それはちょうど愚かなタイプミス、または多分私は間違っているよ。

プラス：私のAppクラスで間違ったトラックにいますか？これまでに私が見つけたthree.jsの例はすべて、素早く実行するための関数を使用していました。

Answer 1

あなたの主な懸念事項については、CanvasRendererの代わりにWebGLRendererを使用する必要があります。

フィドル：http://jsfiddle.net/6eRzt/10/

EDIT：あなたの最初の懸念に対処する方法はたくさんあります。誰もが自分の意見を持っています。

ここで私はそれをやります。クロージャは、変数がグローバル名前空間を汚染しないようにします。あなたのすべてのthisの参照の必要はありません。

フィドル＃2：http://jsfiddle.net/6eRzt/11/