限制 Canvas 应用程序的帧率

Question

我已经构建了一个非常基础的平台“引擎”：
[删除小提琴]

当你用箭头键移动时 - 帧率是精神上的快！

我曾尝试使用以下方法限制帧速率：

var fps = 30;
var now;
var then = Date.now();
var interval = 1000/fps;
var delta;

然后在draw函数中：

now = Date.now();
delta = now - then;
if (delta > interval) {
    //redrawing scene here
    then = now - (delta % interval);
}

但不幸的是，这仍然具有相同的帧速率，但性能下降（就像跳帧而不是帧速率限制）。

请帮帮我！ :(

I'll give you a cookie!

Answer 1

你应该检查你的 GameLoop 函数，我想。就目前而言，您要求每秒 1000 帧。哎呀！

当我把它编辑成这个时，它给了我大约 33 fps。

    GameLoop: function() { //initialise game loop
        Game.Vars.GameLoop = setTimeout(function() { 
            requestAnimationFrame(Game.Functions.Update, Game.C); 
        }, 30);
    },

你把 30 写成 1.. :) 巧克力片，如果可以的话。如果没有，我会吃白巧克力和覆盆子！

编辑： 见鬼，你成功了！ - 一定要喜欢那些为自己写的信息。 :D