setTimeout(), setInterval(), and requestAnimationFrame()

What is the purpose of calculating deltaTime?

let lastTime = performance.now();
requestAnimationFrame(function animate(currentTime) {
  const deltaTime = currentTime - lastTime;
  lastTime = currentTime;
  // animation code using deltaTime
  requestAnimationFrame(animate);
});

To measure code performance
To ensure consistent animation speed regardless of frame rate
deltaTime calculation serves to: 1) Compensate for varying frame rates, 2) Ensure smooth animation regardless of device performance, 3) Enable frame-rate independent animations, 4) Account for irregular frame timing, 5) Prevent animation speed variations across devices, 6) Essential for professional-grade animations.
To slow down animations
To synchronize multiple animations

Next Question (11/20)