在dat.gui中为属性名创建别名

Question

我正在尝试在three.js项目中使用dat.gui,以允许打开和关闭场景中各种元素的visible属性.从功能上来说,这很好.但是,我遇到的问题是因为我正在为场景中每个孩子的可见属性创建一个复选框,我最终得到了一长串复选框,所有复选框都标记为"可见".

基本上,这个:

var visFolder = gui.addFolder('Components');                
for (var comp in scene.children[i].children){
   visFolder.add(scene.children[i].children[comp],'visible');
}

结果是这样的:

{'visible' : true,
 'visible' : true,
 'visible' : true,
 'visible' : true,
 ...
}

所有gui元素都正确引用每个子元素的可见属性,但对用户没有太大帮助.

反正是否提供将显示给用户的别名而不是属性名称(我想使用元素的名称或ID)？

Answer 1

也许你的意思是这样的:

gui.add(properties, "x").min(10).max(20).name("X coord");
gui.add(properties, "visible").name("Show image A");