dat.gui 上手

dat.gui是款神器产品.一个调试利器.但是用起来很简单很简单

1:引用dat.gui.js.

2:实例化   this.gui = new dat.GUI();

3:创建可设置一个数据对象.例如var obj = {};

4:引用 gui.add(obj, "prop). 就这可以了。

根据obj[prop]的数据类型的不同,dat会做出不同的处理。

如果obj[prop]是函数,则操作相应的按钮会执行相应的函数

否则，则需要监听相关的函数 例如 gui.add(obj, key).onChange(function(value){console.log("value:", value});