Three.js 性能监测工具 Stats.js

目录

前言 

性能监控 

引入 Stats

使用Stats

代码

---

前言 

通过stats.js库可以查看three.js当前的渲染性能，具体说就是计算three.js的渲染帧率(FPS),所谓渲染帧率(FPS)，简单说就是three.js每秒钟完成的渲染次数，一般渲染达到每秒钟60次为最佳状态。

性能监控 

github 地址: https://github.com/mrdoob/stats.js/blob/master/src/Stats.js

• FPS 在最近一秒渲染的帧数量。数值越高，性能越好.

• MS 渲染帧所需的毫秒数。数值越低，性能越好.

• MB 占用的内存大小

引入 Stats

import Stats from 'three/examples/jsm/libs/stats.module.js

使用Stats

要使用 Stats 需要做以下几步操作：

1. 实例化 Stats
2. 设置初始面板 stats.setMode(0)