什么是自定义面板以及如何在 stats.js 中使用它？

Question

Stats.js 经常说一些关于自定义面板的 3+ 面板支持。它们对自定义面板意味着什么，您如何使用它？我搜索了很多维基，没有找到答案。Stats.js 是一个 Javascript 库，可让您轻松地在您的网站上嵌入性能监视器。这是Github 存储库。

Answer 1

我注意到没有人能够回答这个问题，所以我自己想通了。addPanel()允许您传入一个参数以将面板添加到性能监视器中。它是一个面板对象。创建面板对象的语法是：

var panel = new Stats.Panel("name", "color1", "color2");

使用此方法，您可以在面板中添加如下内容：

var panelVar = addPanel( new Stats.Panel( 'name', 'color1', 'color2' ) );

这是一个例子：

var fpsPanel = addPanel( new Stats.Panel( 'FPS', '#0ff', '#002' ) );

接下来，配置面板以显示它想要显示的内容，您必须添加一个代码来配置每个帧的面板。为此，您必须以panelVar.update(a, b)a 是比率顶部的数量而 b 位于底部的格式运行代码。a / b 将给出显示的百分比。您必须在动画帧函数之间stats.begin()和内部运行此代码。stats.end()