いまさらrequestAnimationFrameを理解する - console.lealog();

理解できたらいいな・・。 だいぶ今さら感はあるのですが、改めて知っておきたいタイミングなので。 参考：window.requestAnimationFrame - Web API リファレンス | MDN 一定間隔で処理を繰り返す CanvasでもCssアニメーションでも、「描画処理を繰り返し実行する」ところは一緒。 そこをどうやって実装するかという話で、今まではsetIntervalやsetTimeoutを再帰で呼んだりしてました。 setInterval var anim = function() { console.log('Animations here.'); }; window.setInterval(anim, 1000); 一番わかりやすいし手軽です。 だいたいいつもコレなんじゃないでしょうか。 setTimeout var anim = function() { cons

[bleu-bleut]

requestAnimationFrameで2秒に1回コールバックを実行するサンプルコード。

[ledsun]

次回描画前に実行する処理を指定できるのか。_.defer使うより性能上がるかな？

[nilab]

いまさらrequestAnimationFrameを理解する - console.lealog();