dok-fps v1.0.1

dok-fps

A frameRate tracker (returns frame per second). It can be used using your own looping system (it doesn't require usage of requestAnimationFrame).

Use in browser or Node.JS to calculate the frame rate. On each frame, call the tick method.

Usage:

const fpsDiv = document.getElementById("fps");
//	in your game loop
refresh() {
 	//... 
  fps.innerText = FPSTracker.tick();
  requestAnimationFrame(refresh);
}

This is the simplest way to use FPSTracker. Just print the frame rate every time.

You can also check the frame rate separately:

refresh() {
  //...
  FPSTracker.tick();
  requestAnimationFrame(refresh);
}
//	then separately:
console.log(FPSTracker.frameRate);

FPSTracker is instantiable. In that case, you can have an FPSTracker that ticks independently from the FPSTracker main instance. Use the same methods on it:

const fps = new FPSTracker();
//...
fps.tick();
//....
show(fps.frameRate);