three.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');