0.0.15 • Published 2 years ago

@depasquale/three-stats-mesh v0.0.15

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Three.js Stats Mesh

This module allows you to place the Stats indicator in a Three.js scene to monitor performance. This is particularly useful in immersive (VR) situations, when DOM elements are not visible.

Installation

npm install @depasquale/three-stats-mesh

Usage

Create an instance and make any desired adjustments to the object's position, scale, etc.:

import StatsMesh from '@depasquale/three-stats-mesh';

// Set up the Three.js scene
// ...

const statsMesh = new StatsMesh();
statsMesh.object.position.y = 1;
statsMesh.object.position.x = -2;
statsMesh.object.scale.setScalar(4);
scene.add(statsMesh.object);

Add the Stats element to the DOM if desired:

document.body.appendChild(statsMesh.stats.dom);

Add this to the render loop:

statsMesh.stats.update();

Before removing the element, call this to stop the setInterval timer:

statsMesh.stop();

Example

A full example is provided in the example directory. To try it locally in your browser, run:

npm run example

Or try it here.

0.0.15

2 years ago

0.0.14

3 years ago

0.0.13

3 years ago

0.0.11

3 years ago

0.0.12

3 years ago

0.0.10

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.6

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago