Canvas: uniform movement

Question

Canvas

There is a large moving image. There is an impression that the movement is jerky.
Can it be cured?

Example: jurassic-lab.com/test2/

Thanks

Answer 1

Try something like this:

var lastTime = (new Date()).getTime();
var process = function(){
  var currTime = (new Date()).getTime();
  var deltaTime = currTime - lastTime;
  lastTime = currTime;

  deltaTime /= 1000.0; // получаем в секундах, с дробной частью. просто для удобства

  var speed = 1000; // 1000 пикселей в секунду

  x += speed * deltaTime;
  y += speed * deltaTime;

  setTimeout(process, 10);
};

Answer 2

In Chrome and IE9 there are no problems, but in FF - yes, jumps ... :)

Answer 3

additional question: flash in this case will do better?