dat.gui/README

    var controllableObject = 
    	{	
    		numberProperty: 20,
    		anotherNumberProperty: 0,
    		textProperty: "a string",
    		booleanProperty: false,
    		functionProperty: function() {
    			alert("I am a function!");
    		}
    	};

    window.onload = function() {

    	GUI.start();

    	// Creates a number box
    	GUI.add(controllableObject, "numberProperty");

    	// Creates a slider (min, max)
    	GUI.add(controllableObject, "anotherNumberProperty", -100, 100);

    	// Creates a text field
    	GUI.add(controllableObject, "textProperty");

    	// Creates a checkbox
    	GUI.add(controllableObject, "booleanProperty");

    	// Creates a button
    	GUI.add(controllableObject, "functionProperty");

    }