Как сделать диапазоны параметров зависимыми в dat.Графический интерфейс в Three.js

#three.js #dat.gui

Вопрос:

У меня есть два параметра x , y которые должны быть установлены в dat.Графический интерфейс при использовании Three.js.

 var controls = new function () {
        this.x = 0;
        this.y = 0;}

var gui = new dat.GUI();
gui.add(controls, 'x', -180, 180);
gui.add(controls, 'y', -180, 180);
 

Теперь я надеюсь, что диапазон y может зависеть от x значения, установленного пользователями: x<y<min(x 180,180) . Как я мог это сделать?

Спасибо!

Комментарии:

1. любая дополнительная логика может иметь место в onChange() функции или onFinishChange() функции. gui.add(...).onChange()