dat.gui/index.html

99 lines
3.3 KiB
HTML
Raw Normal View History

<!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">
2011-02-02 18:12:55 +00:00
</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();
2011-02-02 18:12:55 +00:00
var timer = new GUI.Timer(gui);
2011-02-02 18:12:55 +00:00
// 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"
2011-02-02 18:12:55 +00:00
gui.add(fizzyText, "explode")
.at(1000)
.at(2000)
.at(3000);
2011-02-02 18:12:55 +00:00
gui.divider();
// gui.add(timer, "playhead").step(100).listen();
2011-02-02 18:12:55 +00:00
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>