我的threejs学习笔记（二）——dat.gui使用

写在前面

dat.gui可以方便地向场景中添加控制条，随时调整参数。

---

用法

<script src="../../lib/dat.gui-master/build/dat.gui.js"></script>
    <link rel="stylesheet" href="../../lib/dat.gui-master/build/dat.gui.css">

引入js文件和css文件

var controls=new function(){
    this.ctrl_1=0;
    this.ctrl_2=0;
}

var gui=new dat.GUI();
gui.add(controls,"ctrl_1",0,10);
gui.add(controls,"ctrl_2",-3,3);

cube.rotation.x+=controls.ctrl_1;
cube.position.x=controls.ctrl_2;

首先声明controls控制器，并向其中添加需要控制的变量（并初始化）。

然后定义gui,并设置参数的最小值和最大值。