Как добиться кадров в секунду в WebGL?

Question

Предположим, что я рисую что-то на холсте с помощью WebGL в window.requestAnimFrame(somemethod);

Как получить количество кадров в секунду?

Например, откройте это Link который показывает количество кадров в секунду в верхнем левом углу.

Как добиться чего-то подобного с помощью простого JavaScript? Нет API, пожалуйста.

Answer 1

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

var prev = 0; 
requestAnimationFrame(function (now) { 
    var delta = now - prev; 
    var fps = 1000/delta; 
    prev = now; 
    // render logic 
}); 

Answer 2

в SomeMethod имеет глобальные переменную counter увеличилась затем добавить интервал Мерного значения

setInterval(function(){ console.log('fps:'+counter); counter=0; },1000);