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

【问题标题】：What is a custom panel and how do you use it in stats.js?什么是自定义面板以及如何在 stats.js 中使用它？
【发布时间】：2020-10-12 18:07:27
【问题描述】：

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

【问题讨论】：

标签： javascript statistics customization panel

【解决方案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() 之间运行此代码。

【讨论】：