gui.js库(下拉菜单、单选框)

threejs yekong

add()方法参数3和4数据类型:数字

格式:add(控制对象,对象具体属性,其他参数)
其他参数,可以一个或多个,数据类型也可以不同,gui会自动根据参数形式,自动生成对应的交互界面。
参数3和参数4,分别是一个数字,交互界面是一个鼠标可以拖动的拖动条,可以在一个区间改变属性的值

参数3、参数4数据类型:数字(拖动条)

    gui.add(lineGroup.position, 'x', 0, 180).onChange(function (value) {
      console.log(value)
    })

下拉菜单

参数为数组

    gui.add(lineGroup.position, 'x', [0, 1, 2]).onChange(function (value) {
      console.log(value)
    })

下拉菜单

单选框

单选框

const obj = {
  x: 30,
  color: 0x00ffff,
  bool: false
}
gui.add(obj, 'bool')
喜欢