lil-gui setValue赋值展示

82 阅读1分钟

需求

我想在demo里实现一个小窗口可以显示数据,数据会变动,类似vue v-model,但是demo是原生js,就用lil-gui展示一下

实现


    const gui = new GUI();

    const options = {
        meshCount: 0,
        faceCount: 0,
        area: 0.00,
    };
    const meshCount = gui.add(options, 'meshCount');
    const faceCount = gui.add(options, 'faceCount');
    const area = gui.add(options, 'area');
    
    meshCount.setValue(0);
    faceCount.setValue(0);
    area.setValue(0.00);