Dat.GUI:几个问题

Question

我正在用THREE.js制作一个小型台球游戏，并选择使用Dat.Gui作为GUI库。关于后者，我有几个小问题：

• 第一个问题:我可以创建一个返回GUI的类吗？

目前，我有一个mygui.js文件，我把gui的代码(例如示例代码[1])放在其中，并且在mygame.html中包含在main.js之前。但是，所有其他对象(表、球、灯等)都是类，我也想用GUI来实现这一点。当我把所有东西都放进

class MyGUI {
    constructor() {
        //javascript part of the example here
        return gui;
    }
}

然后调用main.js

var mygui = new MyGUI();

GUI没有出现，但是当我不包括main.js中的类和行时，它就能工作了。我下载了dat.gui.min.js并将其包含在html中。

• 第二个问题:当我调用gui的变更函数时，我想不时地改变变量，但是如果没有类，我该如何去做(难道这不起作用)？
• 第三个问题:我想使用GUI，只显示值。用户不应该改变它。我可以使GUI只读吗？(要明确的是:改变GUI中的值不会改变游戏游戏，它们只是游戏状态的文本表示)
• 第四个问题:我想移除GUI的顶部(在那里您可以加载/保存预置或其他东西)。我该怎么做？

Answer 1

进步洞察力：

1. ​
2. 如@pener849：第9页所链接的示例/教程。gui.add(param, 'theSetting').listen(); function updateTheSetting(newVal){ param.theSetting = newVal; }

当param.theSetting被更新时，和--向它添加的param listen()‘s，param.theSetting中的更改将自动更新GUI。

1. ​
2. 不要使用gui.remember( someParameters )，保存部分就会失效。