get a smooth animation for a canvas game

Question

How to get a better animation, dinamically, even when browser is busy or idle, for different devices which have different hardware capacity.

I have tried many ways a

Answer 1

You should use requestAnimationFrame. It will queue up a callback to run on the next time the browser renders a frame. To achieve constant updating, call the update function recursively.

var update = function(){

//Do stuff

requestAnimationFrame(update)

}