WebGLで1秒あたりのフレーム数を達成するには？

Question

WebGLを使用してキャンバスに何かを描いているとします。window.requestAnimFrame(somemethod);

フレーム数を取得するにはどうすればよいですか？

たとえば、このLinkを開くと、1秒あたりのフレーム数が左上隅に表示されます。

プレーンJavaScriptを使用して類似の方法を達成するにはどうすればよいですか？ APIは必要ありません。 someMethodで

Answer 1

setIntervalをログに記録する間隔を追加することは、単にに渡されたタイムスタンプを使用し、1が重い仕事をしていた場合、それが遅延及び/または積層してもよい、正確ではありません、その後増加していますアニメーションフレームコールバックを要求する。

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

Answer 2

は、グローバル変数counterは値

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