javascript - 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');