在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
    });