【JavaScript】フレームレートをコンソールに出力する方法

フレームレートをコンソールに出力する方法を自分用にメモ。

[ 方法 ]

コンソールにフレームレートを出力します。

let MaxFrameRate = Number.MIN_SAFE_INTEGER;
let MinFrameRate = Number.MAX_SAFE_INTEGER;

let LastMilliTime = 0;
let FrameCount = 0;

function FrameRate() {
    const CurrentMilliTime = performance.now();
    const MilliTimeDiff = CurrentMilliTime - LastMilliTime;

    if (MilliTimeDiff >= 1000) {
        const FrameRate = (FrameCount / MilliTimeDiff * 1000);

        if (MaxFrameRate < FrameRate) {
            MaxFrameRate = FrameRate;
        }

        if (MinFrameRate > FrameRate) {
            MinFrameRate = FrameRate;
        }

        console.log("FrameRate: " + FrameRate);
        console.log("MaxFrameRate: " + MaxFrameRate);
        console.log("MinFrameRate: " + MinFrameRate);

        LastMilliTime = CurrentMilliTime;
        FrameCount = 0;
    }

    FrameCount += 1;

    requestAnimationFrame(FrameRate);
}

FrameRate();