Отслеживайте FPS с помощью jQuery

Question

В основном я делаю некоторые анимации с помощью jQuery, и для целей отладки я бы хотел посмотреть, сколько кадров в секунду запускает моя анимация.

Существуют ли какие-либо сценарии, которые делают такую ​​вещь, или простое решение? А если нет, то как мне этого добиться?

Заранее спасибо!

Answer 1

В случае, если у кого-то еще есть этот вопрос: https://github.com/mrdoob/stats.js

Г-н.У Doob есть отличный маленький плагин для определения частоты кадров

Answer 2

То, что вы могли бы сделать, - это иметь глобальную переменную, которая увеличивается на единицу при каждом рендеринге кадра, а затем с помощью setInterval установить это значение обратно в 0 и вывести значение.

var frames = 0;

function render_frame(){

    /* With this function I mean the place where you render a frame */
    frames++;    

}

setInterval(function() {

    $('#fps').html(frames+' fps');
    frames = 0;

}, 1000);

Таким образом, вы начинаете с частоты кадров 0, и в течение одной секунды подсчитывается количество кадров, затем в конце секунды счетчик кадров сбрасывается и выводится, что приводит к FPS.