javascript - requestAnimationFrame を使用してキャンバスで更新/描画ループを実行する適切な方法

Question

私は<canvas>JS/Coffeescript を使って小さなゲームを作っています。

現在、私の描画ループは requestAnimationFrame を使用して行われています。

draw: () =>
    # Various drawing code.
    requestAnimFrame(@draw, @canvas)

私の更新ループは単純ですがsetInterval：

setInterval(() => @update Date.now(), 1000/FPS)

無関係な更新コードで図面が詰まらないように分けたのが、おそらくこれが正しい方法だと思いました。

しかし、そうですか？それは理にかなっていますか？システムへの負担を最小限に抑えてスムーズなアニメーションを実現するにはどうすればよいですか?