Adding additional arguments to a function called back by requestAnimationFrame

Question

I am looking to create a function that scrolls an image element x pixels over y time on an HTML5 canvas, using requestAnimationFrame and delta time. What I can\'t figure out

Answer 1

What your requestAnimationFrame statement evaluates to:

• scroll(timestamp, distanceToScroll, secondsToScroll), where timestamp is undefined. It throws an error or returns undefined
• window.requestAnimationFrame is executed without parameters, thus no callback

Passing an anonymous function that calls scroll with the desired parameters should do the trick:

requestAnimationFrame(function(timestamp) {
    scroll(timestamp, distanceToScroll, secondsToScroll));
});

What this evaluates to:

• window.requestAnimationFrame is called with anonymous function as callback
• anonymous function is called with timestamp as first parameter
• scroll is called with current timestamp, distanceToScroll and secondsToScroll as parameters