2014-08-27 01:01:16 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
|
|
|
|
<title>dat-gui</title>
|
|
|
|
|
|
2014-09-03 00:44:37 +00:00
|
|
|
<script src="build/gui.js"></script>
|
2014-08-27 01:01:16 +00:00
|
|
|
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
|
|
|
|
|
Gui.ready( init );
|
|
|
|
|
|
|
|
|
|
var object;
|
|
|
|
|
|
|
|
|
|
function init() {
|
|
|
|
|
|
|
|
|
|
var gui = new Gui();
|
|
|
|
|
|
|
|
|
|
object = {
|
|
|
|
|
numberProperty: 0,
|
|
|
|
|
stringProperty: 'hey',
|
|
|
|
|
booleanProperty: false,
|
|
|
|
|
functionProperty: function() {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
gui.add( object, 'numberProperty', 0, 1 ); // Slider
|
|
|
|
|
gui.add( object, 'stringProperty' ); // Text box
|
|
|
|
|
gui.add( object, 'booleanProperty' ); // Check box
|
|
|
|
|
gui.add( object, 'functionProperty' ); // Button
|
|
|
|
|
|
|
|
|
|
console.log( gui );
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
