three-webgl-stats

Fork of https://github.com/jeromeetienne/threex.rendererstats

Usage no npm install needed!

<script type="module">
  import threeWebglStats from 'https://cdn.skypack.dev/three-webgl-stats';
</script>

README

three-webgl-stats

Forked from https://github.com/jeromeetienne/threex.rendererstats

Fixed version of this

How To install it

Via yarn:

yarn add three-webgl-stats

Via npm:

npm install three-webgl-stats --save

How To Use It

import RendererStats from 'three-webgl-stats';
const rendererStats = new RendererStats();

position it on the page with css with something along this line:

rendererStats.domElement.style.position	= 'absolute'
rendererStats.domElement.style.left	= '0px'
rendererStats.domElement.style.bottom	= '0px'
document.body.appendChild( rendererStats.domElement )

finally update it at every frame, passing the webGLRenderer reference:

rendererStats.update(renderer);

update it without passing anything (or passing something falsy) to reset the displayed output:

rendererStats.update(null);