javascript - 如何在 WebGL 中实现每秒帧数？

Question

假设我在 window.requestAnimFrame(somemethod);

中使用 WebGL 在 Canvas 上绘制一些东西

如何获取每秒帧数？

例如打开这个Link在左上角显示每秒的帧数。

如何使用纯 JavaScript 实现类似的功能？请不要使用 API。

Answer 1

setInterval 不准确，如果工作繁重，它可能会延迟和/或堆叠，只需使用传递给请求动画帧回调的时间戳即可。

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