mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
45 lines
668 B
HTML
45 lines
668 B
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<meta charset="utf-8">
|
||
|
|
|
||
|
|
<title>dat-gui</title>
|
||
|
|
|
||
|
|
<link rel="import" href="gui.html">
|
||
|
|
|
||
|
|
</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>
|