FPSCounter
FPS counter for three.js that updates in the webgl canvas. Simple 2 digit renderer. Extends three-screen-quad.
Files
-
index.js
main
-
fps.frag.js
frag shader
-
NumberTexture.js
generates the numbers texture
-
Stats.js
computes fps - Stripped down Stats.js
Constructor
-
FPSCounter( renderer:[ THREE.WebGLRenderer ] , parameters )
A renderer from the main app has to be passed, along with parameters for three-screen-quad.
params:top: Number || String //default: nullleft: Number || String //default: 0right: Number || String //default: nullbottom: Number || String //default: 0width: Number || String //default: '80px'height: Number || String //default: '40px'
Properties
extends three-screen-quad.
Methods
-
void setNumber( number:[int] )
sets the number between 00 and 99, refreshes the uniform
Usage
{ renderer; FPSCounter; }
will draw the effect over a scene
Test
npm install
npm start
You should see a cube spinning and the counter in the lower left corner.