Javascript 如何像按钮一样使用DAT.Gui调用函数？

我几乎不懂JavaScript，但我知道如何建立函数连接、定时器、CSS编辑/HTML编辑等等，但我不知道如何使用这个“dat.GUI”作为我当前的项目设计。。。好。。真糟糕

我所有的钮扣都是。。所以我想进入Dat.GUI，但我不知道如何制作GUI，因为我尝试过的所有教程通常都会导致一个不可见的GUI（它甚至没有显示），而没有任何效果

所以我来这里是想问一下，是否有人有一些信息，可能还有一些我可以借鉴的例子？在我上面发布的项目中，我已经在JavaScript的最底层包含了我为dat.gui部分编写的代码

对于那些将要发布一个包含这个例子的答案的人来说：不要。我不会一次又一次地寻找这个答案，我无法从中找出如何使用它，它也没有以我能理解的详细程度来解释它（我不是一个笨拙的javascripter）。我还开始在codepen上使用此示例进行学习：

我的项目中的代码量有点。。。无法在此处使用/粘贴。这是我当前要运行的代码。假设我有

函数raintest（）{
intervalID=window.setInterval（myCallback，100）；
}

运行间隔，每隔100毫秒运行一次myCallback，点击屏幕上的某个按钮执行某项操作，这并不重要，但我如何使用dat.gui和其他函数运行函数

raintest（）

这是我到目前为止一直在使用的dat.gui代码。到目前为止，它所做的只是显示“关闭/打开”选项卡，我不知道如何将按钮添加到列表中：

window.onload = function() {
  var gui = new dat.GUI();
  gui.add(text, 'message').onChange(setValue);
};

当前结果为空，我不知道如何将JavaScript代码正确连接到dat.gui。它现在只为基本GUI加载一个选项卡。实际上，我希望它能够打开，并具有所有功能的所有按钮，因此我可以随时使用布料自定义选项，而无需24/7地填满屏幕顶部。

使用

window.onload = function() {
  text = new sampleText();
  setValue();
  var gui = new dat.GUI();

sampleText表示GUI中的访问点

Name1

表示按钮/选项卡的名称。在

vargui

下添加

gui.add（文本“Name1”）

；这代表您的第一个按钮

这将允许您访问函数，如果您希望将按钮附加到函数，请首先写入：

var sampleText = function() {
  this.Name1 = DataType;

数据类型

（表示值的类型）应替换为函数名，如果是单选按钮或true/false语句，则应在此处写入true或false。（对于函数，不包括右括号，只包括名称（

functiontest1（）{}

this.Name1=test1

）

如果要创建调用2个不同变量代码的单选按钮，请执行以下操作：

• 将

  this.NameOfButton=false；

  添加到

  var sampleText

• 然后在VARGUI下添加

  gui.add（文本，'NameOfButton'）.onChange（setValue）；

  ，并创建一个名为
  函数setValue（）{ if（text.NameOfButton）{ 变量或某物=1000； } 否则{ 变量或某物=0； } }

---

ELSE

是取消选中单选按钮时调用的内容（false），

IF

是选中单选按钮时调用的内容（true）.

顺便说一句：如果设置不正确，或者没有将其功能/代码连接到gui组件，则可能无法正常工作。并且通常以gui不显示为结束。因此，我建议如下放置组件：首先放置数据类型var（var sampleText），然后放置gui（var gui）最后，我建议您将函数setValue也放在javascript的最底部：）