mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
99 lines
3.3 KiB
HTML
99 lines
3.3 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>gui-dat</title>
|
|
<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="gui.css" media="screen" rel="stylesheet" type="text/css" />
|
|
<script type="text/javascript" src="gui.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/slider.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/controller.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/controller.boolean.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/controller.function.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/controller.number.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/controller.string.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/scrubber.js">
|
|
</script>
|
|
<script type="text/javascript" src="controllers/timer.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/demo.js">
|
|
</script>
|
|
<script type="text/javascript">
|
|
//<![CDATA[
|
|
|
|
window.onload = function() {
|
|
|
|
var fizzyText = new FizzyText("gui-dat");
|
|
|
|
var gui = new GUI();
|
|
var timer = new GUI.Timer(gui);
|
|
|
|
|
|
// Text field
|
|
gui.add(fizzyText, "message")
|
|
.at(1000, "is")
|
|
.at(2000, "the")
|
|
.at(3000, "shit");
|
|
|
|
// Sliders with min and max
|
|
// gui.add(fizzyText, "maxSize", 0.5, 7);
|
|
//gui.add(fizzyText, "growthSpeed", 0.01, 1);
|
|
//gui.add(fizzyText, "speed", 0.1, 2);
|
|
|
|
// Sliders with min, max and increment.
|
|
gui.add(fizzyText, "noiseStrength", 10, 100, 5).
|
|
at(1000, 30).
|
|
at(4500, 20);
|
|
|
|
// Boolean checkbox
|
|
gui.add(fizzyText, "displayOutline")
|
|
.at(50, true)
|
|
.at(250, false);
|
|
|
|
// Fires a function called "explode"
|
|
gui.add(fizzyText, "explode")
|
|
.at(1000)
|
|
.at(2000)
|
|
.at(3000);
|
|
|
|
gui.divider();
|
|
|
|
// gui.add(timer, "playhead").step(100).listen();
|
|
gui.add(timer, "playPause");
|
|
/*
|
|
gui.add(timer, "windowMin").listen();
|
|
gui.add(timer, "windowWidth").listen();
|
|
*/
|
|
|
|
|
|
//gui.add(timer, "pause");
|
|
|
|
};
|
|
|
|
|
|
//]]>
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- GUIDAT logo -->
|
|
<div id="helvetica-demo"></div>
|
|
|
|
|
|
</body>
|
|
</html>
|