THREEJS 使用新值刷新 dat.gui 问题

目的

我想用新值刷新 dat.gui 菜单

解决方案

listen

使用listen去解决

import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
gui = new GUI();
var guiX = gui.add( parameters, 'x' ).min(0).max(200).listen();

// 更新
parameters.x = 3123;

这样UI 就发生了变化，变成3123

setValue

使用 setValue 解决

import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
gui = new GUI();
var guiX = gui.add( parameters, 'x' ).min(0).max(200);

// 更新
guiX.setValue(1233);

这样UI 就发生了变化,变成1233

updateDisplay

使用 updateDisplay 解决

import { GUI } from 'three/addons/libs/lil-gui.module.min.js';
gui1 = new GUI();
Gparameters = { x: 0, y: 0, z: 0}
var gui1_X = gui1.add( Gparameters, 'x' ).min(0).max(200);

// update
Gparameters.x++;
gui1_X.updateDisplay()  

这样UI 就发生了变化