什么是自定义面板？如何在 stats.js 中使用它？
What is a custom panel and how do you use it in stats.js?
Stats.js 经常说一些关于自定义面板的 3+ 面板支持。它们对自定义面板意味着什么以及如何使用它？我搜索了很多维基，没有找到答案。 Stats.js 是一个 Javascript 库，可让您轻松地将性能监视器嵌入您的网站。这里是 Github Repository.
我注意到没有人能够回答这个问题，所以我自己想出来了。 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() 之间的这段代码。
Stats.js 经常说一些关于自定义面板的 3+ 面板支持。它们对自定义面板意味着什么以及如何使用它？我搜索了很多维基，没有找到答案。 Stats.js 是一个 Javascript 库，可让您轻松地将性能监视器嵌入您的网站。这里是 Github Repository.
我注意到没有人能够回答这个问题，所以我自己想出来了。 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() 之间的这段代码。