RAFとToolkit for createjs

RAF (Request Animation Frame)

  • 毎秒"およそ"60回(60FPSで)実行される
  • ブラウザの負荷にあわせて、描画準備ができ次第、適宜実行される
  • ブラウザがアクティブでない間は、実行回数が自動で低下されメモリ節約
var anim = function() { console.log('Animations here.'); };

// 1. setInterval
window.setInterval(anim, 1000 / 60);

// 2. setTimeout
(function animLoop(){
  anim();
  window.setTimeout(animLoop, 1000 / 60);
}());

//3. requestAnimationFrame
(function animloop(){
  anim();
  window.requestAnimationFrame(animloop);
}());

だいたい同じような結果になる。

Toolkit for createjs