三.js Stats Mesh (英语)

此模块允许您放置 状态 用于监测性能。 这在浸入(VR)情况下特别有用,因为DOM元素不可见.

安装

npm install @depasquale/three-stats-mesh

使用量

创建实例,并对对象的位置、比例等作出任何预期的调整:

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);

如果需要,将 Stats 元素添加到 DOM 中 :

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

将此添加到渲染回路 :

statsMesh.stats.update();

在移除元素之前,请叫它停止 setInterval 计时器 :

statsMesh.stop();

示例

报告提供了完整的例子 example 目录。 要在浏览器中本地尝试, 请运行 :

npm run example

或者试试看 这里。 。 。 .