使用requestAnimationFrame

Question

我已经为我的游戏循环实现了rAF（requestAnimationFrame）设置：

    draw: function (x, y) {
        setTimeout(function () {
            requestAnimationFrame(function() {
                Player.draw(150, 150);
            });

            //drawing code: worked perfectly with setInterval

        }, 1000 / 60);
    },

它在Player对象的draw函数中。我打电话：

Player.draw(Player.x, Player.y);

位于代码底部。

根据我在类似问题上看到的内容，需要对图像进行评估，然后再对其进行评估。我已使用立即调用的函数将图像加载到顶部：

var images = [];

x = 0;

(function() {
    for (let i = 0; i < 20; i++) {
        images[i] = new Image();
        images[i].src = ('../webgame/assets/images/survivor-idle_shotgun_' + i + '.png');
    };
})(); // This worked perfectly with setInterval too

如何使用此requestAnimationFrame动画化播放器精灵？