Блог

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

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

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

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

У мистера Дуба есть отличный маленький плагин для определения частоты кадров

Что вы могли бы сделать, так это создать глобальную переменную, которая увеличивается на единицу при каждом отображении кадра, а затем с помощью 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, и в течение одной секунды подсчитывается количество кадров, затем в конце секунды счетчик кадров сбрасывается и выводится, что приводит к кадрам в секунду.