Javascript - requestAnimationFrame 帧速率

Question

我有一个 Sprite 表动画，我使用 requestAnimationFrame 方法对 Sprite 表进行动画处理，其中只有 4 个图像，这是我的代码: http://hyque.com/ryan/ani-ryan-2.html 问题是 60 fps 太快了，所以我想减慢 fps。我已经阅读了几篇关于使用 setInterval 或 Date() 的不同方法的文章。我似乎无法让代码正常工作。任何人都可以帮忙吗？ 这是我尝试合并到我的代码中的一篇文章: http://codetheory.in/controlling-the-frame-rate-with-requestanimationframe/

Answer 1

所以我喜欢用什么来控制“游戏循环”之外的动画。

var lastRender = 0;
var counter = 0;
function render(time)
{
    //checks to see if enough time has passed
    if(time - lastRender<16){requestAnimationFrame(render);return;}
    lastRender = time;
    counter++;
    if(counter %20 && counter != 0)
       animation();
    if(counter >= 60)
         counter=0;
    requestAnimationFrame(render);
}
requestAnimationFrame(render);

这使您可以更好地控制 Sprite ，因此您现在可以让它们以不同的速度运行，并且您的逻辑保持在 60fps。