js通过GUI打开和关闭对象可见性

Question

我希望通过点击gui上的按钮来打开/关闭场景中的对象。我有以下功能:

g3white.traverse(function(child){child.visible = true;});
g3black.traverse(function(child){child.visible = false;});

此函数成功手动隐藏/显示每个对象。

然而，我想把它设置为一个onChange函数，显示黑色的，隐藏白色的(反之亦然)，点击一个按钮。

任何帮助都是感激的。谢谢你。

Answer 1

可以使用DAT。Gui

var gui = new dat.GUI();
var controls = {
  toggleObjects: function(){
    g3white.traverse(function(child){child.visible = true;});
    g3black.traverse(function(child){child.visible = false;});
  }
};
gui.add(controls, 'toggleObjects');