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

Question

我尝试在 Three.js 项目中使用 dat.gui 来允许打开和关闭场景中各种元素的可见属性。从功能上来说，这工作得很好。然而，我遇到的问题是因为我正在为场景中每个 child 的可见属性创建一个复选框，所以我最终得到了一长串全部标记为“可见”的复选框。

基本上是这样的:

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");