library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2025-01-02 03:14:20 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

moved src into internal dat folder

Browse Source
This commit is contained in:
George Michael Brower 2011-04-18 13:51:15 -07:00
parent df12193b83
commit 38e7d9b029
9 changed files with 93 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -5,14 +5,15 @@
<link rel="icon" type="image/png" href="demo/assets/favicon.png" /> <link rel="icon" type="image/png" href="demo/assets/favicon.png" />
<link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" /> <link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" />
<link href="src/gui.css" media="screen" rel="stylesheet" type="text/css" /> <link href="src/dat/gui.css" media="screen" rel="stylesheet" type="text/css"
<script type="text/javascript" src="src/gui.js"></script> />
<script type="text/javascript" src="src/controllers/slider.js"></script> <script type="text/javascript" src="src/dat/gui.js"></script>
<script type="text/javascript" src="src/controllers/controller.js"></script> <script type="text/javascript" src="src/dat/controllers/slider.js"></script>
<script type="text/javascript" src="src/controllers/boolean.js"></script> <script type="text/javascript" src="src/dat/controllers/controller.js"></script>
<script type="text/javascript" src="src/controllers/function.js"></script> <script type="text/javascript" src="src/dat/controllers/boolean.js"></script>
<script type="text/javascript" src="src/controllers/number.js"></script> <script type="text/javascript" src="src/dat/controllers/function.js"></script>
<script type="text/javascript" src="src/controllers/string.js"></script> <script type="text/javascript" src="src/dat/controllers/number.js"></script>
<script type="text/javascript" src="src/dat/controllers/string.js"></script>
<script type="text/javascript" src="demo/improvedNoise.js"></script> <script type="text/javascript" src="demo/improvedNoise.js"></script>
<script type="text/javascript" src="demo/prettify.js"></script> <script type="text/javascript" src="demo/prettify.js"></script>

0
src/controllers/boolean.js → src/dat/controllers/boolean.js
View File

0
src/controllers/controller.js → src/dat/controllers/controller.js
View File

0
src/controllers/function.js → src/dat/controllers/function.js
View File

17
src/controllers/number.js → src/dat/controllers/number.js
View File

@ -42,13 +42,18 @@ DAT.GUI.NumberController = function() {
this.domElement.appendChild(slider.domElement); this.domElement.appendChild(slider.domElement);
} }
numberField.addEventListener('blur', function(e) { numberField.addEventListener('blur', function() {
var val = parseFloat(this.value); var val = parseFloat(this.value);
if (slider) {
DAT.GUI.removeClass(slider.domElement, 'active');
console.log(slider.domElement.className);
}
if (!isNaN(val)) { if (!isNaN(val)) {
_this.setValue(val); _this.setValue(val);
} }
}, false); }, false);
numberField.addEventListener('mousewheel', function(e) { numberField.addEventListener('mousewheel', function(e) {
e.preventDefault(); e.preventDefault();
_this.setValue(_this.getValue() + Math.abs(e.wheelDeltaY) / e.wheelDeltaY * step); _this.setValue(_this.getValue() + Math.abs(e.wheelDeltaY) / e.wheelDeltaY * step);
@ -58,6 +63,11 @@ DAT.GUI.NumberController = function() {
numberField.addEventListener('mousedown', function(e) { numberField.addEventListener('mousedown', function(e) {
py = y = e.pageY; py = y = e.pageY;
clickedNumberField = true; clickedNumberField = true;
if (slider) {
DAT.GUI.addClass(slider.domElement, 'active');
console.log(slider.domElement.className);
}
document.addEventListener('mousemove', dragNumberField, false); document.addEventListener('mousemove', dragNumberField, false);
document.addEventListener('mouseup', mouseup, false); document.addEventListener('mouseup', mouseup, false);
}, false); }, false);
@ -84,12 +94,10 @@ DAT.GUI.NumberController = function() {
var mouseup = function(e) { var mouseup = function(e) {
document.removeEventListener('mousemove', dragNumberField, false); document.removeEventListener('mousemove', dragNumberField, false);
DAT.GUI.makeSelectable(_this.parent.domElement); DAT.GUI.makeSelectable(_this.parent.domElement);
DAT.GUI.makeSelectable(numberField);
if (clickedNumberField && !draggedNumberField) { if (clickedNumberField && !draggedNumberField) {
numberField.focus(); numberField.focus();
numberField.select(); numberField.select();
} }
if (slider) slider.domElement.className = slider.domElement.className.replace(' active', '');
draggedNumberField = false; draggedNumberField = false;
clickedNumberField = false; clickedNumberField = false;
if (_this.finishChangeFunction != null) { if (_this.finishChangeFunction != null) {
@ -108,9 +116,6 @@ DAT.GUI.NumberController = function() {
// TODO: Make makeUselectable go through each element and child element. // TODO: Make makeUselectable go through each element and child element.
DAT.GUI.makeUnselectable(_this.parent.domElement); DAT.GUI.makeUnselectable(_this.parent.domElement);
DAT.GUI.makeUnselectable(numberField);
if (slider) slider.domElement.className += ' active';
py = y; py = y;
y = e.pageY; y = e.pageY;

0
src/controllers/slider.js → src/dat/controllers/slider.js
View File

0
src/controllers/string.js → src/dat/controllers/string.js
View File

0
src/gui.css → src/dat/gui.css
View File

118
src/gui.js → src/dat/gui.js
View File

@ -71,7 +71,7 @@ DAT.GUI = function(parameters) {
var toggleButton = document.createElement('a'); var toggleButton = document.createElement('a');
toggleButton.setAttribute('class', 'guidat-toggle'); toggleButton.setAttribute('class', 'guidat-toggle');
toggleButton.setAttribute('href', '#'); toggleButton.setAttribute('href', '#');
toggleButton.innerHTML = "Show Controls"; toggleButton.innerHTML = 'Show Controls';
var toggleDragged = false; var toggleDragged = false;
var dragDisplacementY = 0; var dragDisplacementY = 0;
@ -91,7 +91,7 @@ DAT.GUI = function(parameters) {
if (dmy > 0) { if (dmy > 0) {
open = true; open = true;
curControllerContainerHeight = openHeight = 1; curControllerContainerHeight = openHeight = 1;
toggleButton.innerHTML = name || "Hide Controls"; toggleButton.innerHTML = name || 'Hide Controls';
} else { } else {
return; return;
} }
@ -102,7 +102,8 @@ DAT.GUI = function(parameters) {
if (dmy > 0 && if (dmy > 0 &&
curControllerContainerHeight > controllerHeight) { curControllerContainerHeight > controllerHeight) {
var d = DAT.GUI.map(curControllerContainerHeight, controllerHeight, controllerHeight + 100, 1, 0); var d = DAT.GUI.map(curControllerContainerHeight, controllerHeight,
controllerHeight + 100, 1, 0);
dmy *= d; dmy *= d;
} }
@ -155,9 +156,11 @@ DAT.GUI = function(parameters) {
} else if (controllerContainer.children.length >= 1) { } else if (controllerContainer.children.length >= 1) {
var singleControllerHeight = controllerContainer.children[0].offsetHeight; var singleControllerHeight = controllerContainer.children[0].
offsetHeight;
clearTimeout(resizeTimeout); clearTimeout(resizeTimeout);
var target = Math.round(curControllerContainerHeight / singleControllerHeight) * singleControllerHeight - 1; var target = Math.round(curControllerContainerHeight /
singleControllerHeight) * singleControllerHeight - 1;
resizeTo = target; resizeTo = target;
if (resizeTo <= 0) { if (resizeTo <= 0) {
_this.hide(); _this.hide();
@ -186,7 +189,7 @@ DAT.GUI = function(parameters) {
} else if (DAT.GUI.autoPlace) { } else if (DAT.GUI.autoPlace) {
if (DAT.GUI.autoPlaceContainer == null) { if (DAT.GUI.autoPlaceContainer == null) {
DAT.GUI.autoPlaceContainer = document.createElement('div'); DAT.GUI.autoPlaceContainer = document.createElement('div');
DAT.GUI.autoPlaceContainer.setAttribute("id", "guidat"); DAT.GUI.autoPlaceContainer.setAttribute('id', 'guidat');
document.body.appendChild(DAT.GUI.autoPlaceContainer); document.body.appendChild(DAT.GUI.autoPlaceContainer);
} }
@ -201,7 +204,7 @@ DAT.GUI = function(parameters) {
}, this.autoListenIntervalTime); }, this.autoListenIntervalTime);
}; };
this.__defineSetter__("autoListen", function(v) { this.__defineSetter__('autoListen', function(v) {
autoListen = v; autoListen = v;
if (!autoListen) { if (!autoListen) {
clearInterval(listenInterval); clearInterval(listenInterval);
@ -210,7 +213,7 @@ DAT.GUI = function(parameters) {
} }
}); });
this.__defineGetter__("autoListen", function(v) { this.__defineGetter__('autoListen', function(v) {
return autoListen; return autoListen;
}); });
@ -271,7 +274,7 @@ DAT.GUI = function(parameters) {
// Have we already added this? // Have we already added this?
if (alreadyControlled(object, propertyName)) { if (alreadyControlled(object, propertyName)) {
// DAT.GUI.error("Controller for \"" + propertyName+"\" already added."); // DAT.GUI.error('Controller for \'' + propertyName+'\' already added.');
// return; // return;
} }
@ -279,7 +282,8 @@ DAT.GUI = function(parameters) {
// Does this value exist? Is it accessible? // Does this value exist? Is it accessible?
if (value == undefined) { if (value == undefined) {
DAT.GUI.error(object + " either has no property \"" + propertyName + "\", or the property is inaccessible."); DAT.GUI.error(object + ' either has no property \'' + propertyName +
'\', or the property is inaccessible.');
return; return;
} }
@ -288,7 +292,7 @@ DAT.GUI = function(parameters) {
// Do we know how to deal with this data type? // Do we know how to deal with this data type?
if (handler == undefined) { if (handler == undefined) {
DAT.GUI.error("Cannot create controller for data type \"" + type + "\""); DAT.GUI.error('Cannot create controller for data type \'' + type + '\'');
return; return;
} }
@ -301,7 +305,7 @@ DAT.GUI = function(parameters) {
// Were we able to make the controller? // Were we able to make the controller?
if (!controllerObject) { if (!controllerObject) {
DAT.GUI.error("Error creating controller for \"" + propertyName + "\"."); DAT.GUI.error('Error creating controller for \'' + propertyName + '\'.');
return; return;
} }
@ -311,7 +315,7 @@ DAT.GUI = function(parameters) {
DAT.GUI.allControllers.push(controllerObject); DAT.GUI.allControllers.push(controllerObject);
// Do we have a saved value for this controller? // Do we have a saved value for this controller?
if (type != "function" && if (type != 'function' &&
DAT.GUI.saveIndex < DAT.GUI.savedValues.length) { DAT.GUI.saveIndex < DAT.GUI.savedValues.length) {
controllerObject.setValue(DAT.GUI.savedValues[DAT.GUI.saveIndex]); controllerObject.setValue(DAT.GUI.savedValues[DAT.GUI.saveIndex]);
DAT.GUI.saveIndex++; DAT.GUI.saveIndex++;
@ -336,17 +340,17 @@ DAT.GUI = function(parameters) {
controllerHeight += controllers[i].domElement.offsetHeight; controllerHeight += controllers[i].domElement.offsetHeight;
} }
if (controllerHeight - 1 > openHeight) { if (controllerHeight - 1 > openHeight) {
controllerContainer.style.overflowY = "auto"; controllerContainer.style.overflowY = 'auto';
} else { } else {
controllerContainer.style.overflowY = "hidden"; controllerContainer.style.overflowY = 'hidden';
} }
}; };
var handlerTypes = { var handlerTypes = {
"number": DAT.GUI.NumberController, 'number': DAT.GUI.NumberController,
"string": DAT.GUI.StringController, 'string': DAT.GUI.StringController,
"boolean": DAT.GUI.BooleanController, 'boolean': DAT.GUI.BooleanController,
"function": DAT.GUI.FunctionController 'function': DAT.GUI.FunctionController
}; };
@ -361,7 +365,7 @@ DAT.GUI = function(parameters) {
}; };
this.show = function() { this.show = function() {
toggleButton.innerHTML = name || "Hide Controls"; toggleButton.innerHTML = name || 'Hide Controls';
resizeTo = openHeight; resizeTo = openHeight;
clearTimeout(resizeTimeout); clearTimeout(resizeTimeout);
beginResize(); beginResize();
@ -369,7 +373,7 @@ DAT.GUI = function(parameters) {
} }
this.hide = function() { this.hide = function() {
toggleButton.innerHTML = name || "Show Controls"; toggleButton.innerHTML = name || 'Show Controls';
resizeTo = 0; resizeTo = 0;
clearTimeout(resizeTimeout); clearTimeout(resizeTimeout);
beginResize(); beginResize();
@ -387,8 +391,10 @@ DAT.GUI = function(parameters) {
} }
var beginResize = function() { var beginResize = function() {
//console.log("Resizing from " + curControllerContainerHeight + " to " + resizeTo);
curControllerContainerHeight += (resizeTo - curControllerContainerHeight) * 0.6; curControllerContainerHeight += (resizeTo - curControllerContainerHeight)
* 0.6;
if (Math.abs(curControllerContainerHeight - resizeTo) < 1) { if (Math.abs(curControllerContainerHeight - resizeTo) < 1) {
curControllerContainerHeight = resizeTo; curControllerContainerHeight = resizeTo;
adaptToScrollbar(); adaptToScrollbar();
@ -396,8 +402,10 @@ DAT.GUI = function(parameters) {
} else { } else {
resizeTimeout = setTimeout(beginResize, 1000 / 30); resizeTimeout = setTimeout(beginResize, 1000 / 30);
} }
controllerContainer.style.height = Math.round(curControllerContainerHeight) + 'px'; controllerContainer.style.height = Math.round(curControllerContainerHeight)
+ 'px';
checkForOverflow(); checkForOverflow();
} }
var adaptToScrollbar = function() { var adaptToScrollbar = function() {
@ -413,7 +421,7 @@ DAT.GUI = function(parameters) {
if (DAT.GUI.guiIndex < DAT.GUI.savedAppearanceVars.length) { if (DAT.GUI.guiIndex < DAT.GUI.savedAppearanceVars.length) {
width = parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][1]); width = parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][1]);
_this.domElement.style.width = width + "px"; _this.domElement.style.width = width + 'px';
openHeight = parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][2]); openHeight = parseInt(DAT.GUI.savedAppearanceVars[DAT.GUI.guiIndex][2]);
explicitOpenHeight = true; explicitOpenHeight = true;
@ -441,7 +449,7 @@ DAT.GUI = function(parameters) {
// Add hide listener if this is the first DAT.GUI. // Add hide listener if this is the first DAT.GUI.
if (DAT.GUI.allGuis.length == 1) { if (DAT.GUI.allGuis.length == 1) {
window.addEventListener('keyup', function(e) { window.addEventListener('keyup', function(e) {
// Hide on "H" // Hide on 'H'
if (e.keyCode == 72) { if (e.keyCode == 72) {
DAT.GUI.toggleHide(); DAT.GUI.toggleHide();
} }
@ -472,19 +480,19 @@ DAT.GUI.toggleHide = function() {
DAT.GUI.show = function() { DAT.GUI.show = function() {
DAT.GUI.hidden = false; DAT.GUI.hidden = false;
for (var i in DAT.GUI.allGuis) { for (var i in DAT.GUI.allGuis) {
DAT.GUI.allGuis[i].domElement.style.display = "block"; DAT.GUI.allGuis[i].domElement.style.display = 'block';
} }
} }
DAT.GUI.hide = function() { DAT.GUI.hide = function() {
DAT.GUI.hidden = true; DAT.GUI.hidden = true;
for (var i in DAT.GUI.allGuis) { for (var i in DAT.GUI.allGuis) {
DAT.GUI.allGuis[i].domElement.style.display = "none"; DAT.GUI.allGuis[i].domElement.style.display = 'none';
} }
} }
DAT.GUI.saveURL = function() { DAT.GUI.saveURL = function() {
var url = DAT.GUI.replaceGetVar("saveString", DAT.GUI.getSaveString()); var url = DAT.GUI.replaceGetVar('saveString', DAT.GUI.getSaveString());
window.location = url; window.location = url;
}; };
@ -493,7 +501,7 @@ DAT.GUI.scrollTop = -1;
DAT.GUI.load = function(saveString) { DAT.GUI.load = function(saveString) {
//DAT.GUI.savedAppearanceVars = []; //DAT.GUI.savedAppearanceVars = [];
var vals = saveString.split(","); var vals = saveString.split(',');
var numGuis = parseInt(vals[0]); var numGuis = parseInt(vals[0]);
DAT.GUI.scrollTop = parseInt(vals[1]); DAT.GUI.scrollTop = parseInt(vals[1]);
for (var i = 0; i < numGuis; i++) { for (var i = 0; i < numGuis; i++) {
@ -527,14 +535,14 @@ DAT.GUI.getSaveString = function() {
for (i in DAT.GUI.allControllers) { for (i in DAT.GUI.allControllers) {
// We don't save values for functions. // We don't save values for functions.
if (DAT.GUI.allControllers[i].type == "function") { if (DAT.GUI.allControllers[i].type == 'function') {
continue; continue;
} }
var v = DAT.GUI.allControllers[i].getValue(); var v = DAT.GUI.allControllers[i].getValue();
// Round numbers so they don't get enormous // Round numbers so they don't get enormous
if (DAT.GUI.allControllers[i].type == "number") { if (DAT.GUI.allControllers[i].type == 'number') {
v = DAT.GUI.roundToDecimal(v, 4); v = DAT.GUI.roundToDecimal(v, 4);
} }
@ -549,10 +557,11 @@ DAT.GUI.getSaveString = function() {
DAT.GUI.getVarFromURL = function(v) { DAT.GUI.getVarFromURL = function(v) {
var vars = [], hash; var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); var hashes = window.location.href.slice(
window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) { for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split("="); hash = hashes[i].split('=');
if (hash == undefined) continue; if (hash == undefined) continue;
if (hash[0] == v) { if (hash[0] == v) {
return hash[1]; return hash[1];
@ -567,10 +576,11 @@ DAT.GUI.replaceGetVar = function(varName, val) {
var vars = [], hash; var vars = [], hash;
var loc = window.location.href; var loc = window.location.href;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); var hashes = window.location.href.slice(
window.location.href.indexOf('?') + 1).split('&');
for (var i = 0; i < hashes.length; i++) { for (var i = 0; i < hashes.length; i++) {
hash = hashes[i].split("="); hash = hashes[i].split('=');
if (hash == undefined) continue; if (hash == undefined) continue;
if (hash[0] == varName) { if (hash[0] == varName) {
return loc.replace(hash[1], val); return loc.replace(hash[1], val);
@ -578,10 +588,10 @@ DAT.GUI.replaceGetVar = function(varName, val) {
} }
if (window.location.href.indexOf('?') != -1) { if (window.location.href.indexOf('?') != -1) {
return loc + "&" + varName + "=" + val; return loc + '&' + varName + '=' + val;
} }
return loc + "?" + varName + "=" + val; return loc + '?' + varName + '=' + val;
}; };
@ -598,17 +608,17 @@ DAT.GUI.makeUnselectable = function(elem) {
elem.onselectstart = function() { elem.onselectstart = function() {
return false; return false;
}; };
elem.style.MozUserSelect = "none"; elem.style.MozUserSelect = 'none';
elem.style.KhtmlUserSelect = "none"; elem.style.KhtmlUserSelect = 'none';
elem.unselectable = "on"; elem.unselectable = 'on';
}; };
DAT.GUI.makeSelectable = function(elem) { DAT.GUI.makeSelectable = function(elem) {
elem.onselectstart = function() { elem.onselectstart = function() {
}; };
elem.style.MozUserSelect = "auto"; elem.style.MozUserSelect = 'auto';
elem.style.KhtmlUserSelect = "auto"; elem.style.KhtmlUserSelect = 'auto';
elem.unselectable = "off"; elem.unselectable = 'off';
}; };
DAT.GUI.map = function(v, i1, i2, o1, o2) { DAT.GUI.map = function(v, i1, i2, o1, o2) {
@ -623,7 +633,7 @@ DAT.GUI.constrain = function (v, o1, o2) {
DAT.GUI.error = function(str) { DAT.GUI.error = function(str) {
if (typeof console.error == 'function') { if (typeof console.error == 'function') {
console.error("[DAT.GUI ERROR] " + str); console.error('[DAT.GUI ERROR] ' + str);
} }
}; };
@ -637,4 +647,20 @@ DAT.GUI.extendController = function(clazz) {
clazz.prototype.constructor = clazz; clazz.prototype.constructor = clazz;
}; };
if (DAT.GUI.getVarFromURL('saveString') != null) DAT.GUI.load(DAT.GUI.getVarFromURL('saveString')); DAT.GUI.addClass = function(domElement, className) {
if (DAT.GUI.hasClass(domElement, className)) return;
domElement.className += ' ' + className;
}
DAT.GUI.hasClass = function(domElement, className) {
return domElement.className.indexOf(className) != -1;
}
DAT.GUI.removeClass = function(domElement, className) {
var reg = new RegExp('(\\s|^)'+className+'(\\s|$)', 'g');
domElement.className = domElement.className.replace(reg, '');
}
if (DAT.GUI.getVarFromURL('saveString') != null) {
DAT.GUI.load(DAT.GUI.getVarFromURL('saveString'));
}