kineticjs - 不同浏览器的帧数差异

Question

突然，一个简单的动画在 chrome（约 30fps）和 firefox（约 7fps）中具有不同的帧率。这是正确的行为吗？我可以在我的动画功能中调整帧速率吗？

Answer 1

试试这个

// variables accessible from within function(frame)
var frameCount = 0;
var currentSecond = 0;
var frameRate = 0;

// within function(frame), called with current time on each new frame
function updateFrameRate(time) {
    var second = Math.floor(time / 1000); // ms to integer seconds
    if (second != currentSecond) {
       frameRate = frameCount;
       frameCount = 0;
       currentSecond = second;
    }
    frameCount ++;
}

一个简单的实现，具有“1s 间隔内的帧”。例如，您可以使用 5 秒间隔的帧来平滑它

你可以在这里找到更多动画、FPS 和 KineticJS