1.0.5 • Published 5 years ago
@zivkaziv/three-renderer-stats v1.0.5
@zivkaziv/three-renderer-stats
Without Require() and module.exports
FORKED FROM https://github.com/xailabs/threex.rendererstats
- Allow reset by calling
update()
without passing renderer - Published on npm
- Fix programs count (~ PR4)
========================================
It is a three.js extension to display realtime informations about THREE.WebGLRenderer
.
Here is a basic example. It is widely inpired from @mrdoob stats.js.
It is released under MIT license.
How To install it
Via yarn:
yarn add @zivkaziv/three-renderer-stats
Via npm:
npm install @zivkaziv/three-renderer-stats --save
How To Use It
import RendererStats from '@zivkaziv/three-renderer-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);