OpenNeo/impress-2020
OpenNeo/impress-2020
1
0
Fork 0
Code Pull requests Activity

Add FPS logging to OutfitMovieLayer

Browse source 
This is a precursor to adding an emergency brake if the FPS gets too low lol
This commit is contained in:
Emi Matchu 2021-06-16 16:06:34 -07:00
parent 25376a8fa8
commit 307ab932c8
1 changed files with 25 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/app/components/OutfitMovieLayer.js
View file

@ -165,12 +165,32 @@ function OutfitMovieLayer({
return;
}
const intervalId = setInterval(
() => updateStage(),
1000 / library.properties.fps
);
let lastFpsLoggedAtInMs = performance.now();
let numFramesSinceLastLogged = 0;
const intervalId = setInterval(() => {
updateStage();
numFramesSinceLastLogged++;
const now = performance.now();
const timeSinceLastFpsLoggedAtInMs = now - lastFpsLoggedAtInMs;
const timeSinceLastFpsLoggedAtInSec = timeSinceLastFpsLoggedAtInMs / 1000;
if (timeSinceLastFpsLoggedAtInSec > 2) {
const fps = numFramesSinceLastLogged / timeSinceLastFpsLoggedAtInSec;
const roundedFps = Math.round(fps * 100) / 100;
console.debug(
`[OutfitMovieLayer] FPS: ${roundedFps} (Target: ${library.properties.fps}, ${numFramesSinceLastLogged}, ${timeSinceLastFpsLoggedAtInSec}) (${libraryUrl})`
);
lastFpsLoggedAtInMs = now;
numFramesSinceLastLogged = 0;
}
}, 1000 / library.properties.fps);
return () => clearInterval(intervalId);
}, [stage, updateStage, movieClip, library, isPaused]);
}, [libraryUrl, stage, updateStage, movieClip, library, isPaused]);
// This effect keeps the `movieClip` scaled correctly, based on the canvas
// size and the `library`'s natural size declaration. (If the canvas size