Base to create an animation frame in browser

animationframe

window.requestAnimFrame = (function(callback) {
    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame ||
    function(callback) {
      window.setTimeout(callback, 1000 / 60);
    };
  })();

  function animate() {
    var canvas = document.getElementById('canvas_1');
    var context = canvas.getContext('2d');

    // update
    

    // clear
    context.clearRect(0, 0, canvas.width, canvas.height);

    // draw stuff

    
    // request new frame
    requestAnimFrame(function() {
      animate();
    });
  }

  animate();