kineticjs - ブラウザごとのフレームレート数の違い

Question

突然、単純なアニメーションの frameRate が chrome (約 30fps) と firefox (約 7fps) で異なります。それは正しい行動ですか？また、アニメーション関数で framRate を調整できますか?

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 ++;
}

「1秒間隔のフレーム」を使用した単純な実装。たとえば、5秒間隔のフレームを使用して滑らかにすることができます

詳しくは、アニメーション、FPS、KineticJS をご覧ください。