dat-GUI

是什么

这是一个轻量化的 JS 界面库。
主要提供了 界面GUI 、控制器 、数值控制三方面的功能。
并不适合做产品开发。
主要用于 算法研究、演示等的 Demo 。其提供了可视化的数值操作界面。
通过可视化改变数值，能够更直观地观察相应的变化。

GUI

提供了一个 GUI 对象。主要的方法只有一个 add().

gui.add(object, property, [min], [max], [step]) ⇒ Controller

添加一个新的控制器到 GUI 对象，对象的类型是由属性（property）推理出来的。

object	被操作的对象
property	被操作的属性名字

实例
添加字符串属性对象

// Add a string controller.
var person = {name: 'Sam'};
gui.add(person, 'name');

添加数值属性对象

// Add a number controller slider.
var person = {age: 45};
gui.add(person, 'age', 0, 100);

Controller

被操作的对象，统称为 Controller。
包含了各种监听事件的功能。
listen()
onChange()
onFinishChange()

numberController ⇦ Controller

提供了滑块选项。