是否可以使用Dat.gui添加沒有任何對象的滑塊？

Question

我想有一個快捷方式：

gui.add({zoom: 5}, 'zoom', 10, 200).name('Zoom').onChange(onChange) 

類似：

gui.add(sliderType, name, min, max, onChange) 

來處理，我沒有任何對象建立滑塊很常見的情況。相反，我想從我的GUI中的滑塊值創建新的對象。例如，在繪圖應用程序中，用戶需要選擇他想要繪製/添加的對象的參數，然後他將點擊添加它，最後他想修改它以更改滑塊。這意味着沒有構建滑塊的對象，但所有選定的對象都將由onChange事件上的GUI修改。

處理這個問題的最佳方法是什麼？

Answer 1

只需使用JSON對象來創建和修改對象即可。

您並不總是需要與GUI中的對象以及應用程序中對象的屬性之間存在直接的1-1關係。

var objectProps = {x:0, y:0, radius:50}; 

GUI.add(objectProps, 'x', ...).onChange(changeSelected); //add sliders 
... 

function changeSelected() { 
    //loop objects 
    if (object.selected) //change props based on current values of objectProps 
} 

function createObject() { 
    //use current values of objectProps as default props for new object 
}