在three.js中調整dat.gui的大小

Question

我在three.js 中使用dat gui。

不幸的是，我的 gui 非常大，我無法調整它的大小。 我試過autoplace=false 。

我該如何解決這個問題？

Answer 1

嘗試在構造函數參數中設置寬度以及 autoPlace: false

var gui = new dat.GUI( { autoPlace: false, width: 300 } );

Answer 2

我會使用以下代碼來縮小您的面板：

    function datgui(){
    let gui = new dat.GUI({
        width : 300
    });