dat.gui如何用代码隐藏菜单

Question

我为我的Three.js应用程序用dat.gui制作了一个菜单。它工作得很好，我还发现按下h键可以隐藏用dat.gui创建的菜单。我的问题是，如何让菜单直接从代码中出现/消失？

 var gui = new dat.GUI();
 gui.add(text, 'message');
 gui.add(text, 'speed', -5, 5);

 gui.???

我尝试使用DOMElement隐藏的属性，它工作，但我想要一个独特的方式来处理这个功能。有要调用的函数吗？我注意到，与击键相关的JavaScript事件通过库中的绑定与作用域相关。但是，正确的方法是什么呢？

Answer 1

我也有同样的问题，并通过以下方式解决了它：

var gui = new dat.GUI();
dat.GUI.toggleHide();

Answer 2

你可以试试

var gui = new dat.GUI();
 //... your logic here
gui.__proto__.constructor.toggleHide()

Answer 3

你和我要找的是

var gui = new dat.GUI();
// to toggle it closed
gui.closed = true;
// to toggle it open again
gui.closed = false;

我是从the source的第2104行得到的，这里的内部函数open和close就是这样做的。

gui对值的变化做出即时反应(您可以从控制台重新分配gui.closed以查看其实际效果)。