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