javascript - 如何获取 dat.gui Controller 类型？

Question

我有一个带有多个 Controller 的 dat.gui 实例。我可以使用 gui.__controllers 获取它们的列表，但我没有看到它们上有任何显示其类型的属性(下拉菜单、 slider 、颜色选择器等)。

有没有办法获取它们的类型，也许通过对象？

Answer 1

你是对的，似乎没有一个类型属性来声明 Controller 的类型。然而，当您在 dat.GUI 属性对象中定义它们时，您显然已经知道这些类型是什么(即 bool 值是复选框等)。

您可以确定 Controller 的类型，如以下代码笔所示:

http://codepen.io/BenSmith/pen/rHpzC

查看调试控制台以获取屏幕上显示的 Controller 类型列表。

判断类型的代码关键部分是:

for (var i in gui.__controllers) {

 var controller = gui.__controllers[i];

 switch(controller.__li.className){
  case 'cr string':
    if (controller.__select != null) {
      console.log('dropdown');
    }
    else {
      console.log('input');
    }
    break;
  case 'cr number has-slider':
    console.log('slider');
    break;
  case 'cr boolean':
    console.log('checkbox');
    break;
  case 'cr object color':
    console.log('color picker'); 
    break;
  default:
    console.log('Unrecognized controller!')
  }  
}