2011-01-31 04:53:33 +00:00
|
|
|
<!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>
|
2011-02-08 20:56:00 +00:00
|
|
|
<script type="text/javascript" src="time/scrubber.js">
|
2011-02-02 19:43:49 +00:00
|
|
|
</script>
|
2011-02-08 20:56:00 +00:00
|
|
|
<script type="text/javascript" src="time/timer.js">
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript" src="time/easing.js">
|
2011-01-31 04:53:33 +00:00
|
|
|
</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">
|
2011-01-31 20:21:14 +00:00
|
|
|
//<![CDATA[
|
2011-02-08 15:40:38 +00:00
|
|
|
var timer;
|
2011-02-08 20:56:00 +00:00
|
|
|
this.blabla = "ldkjflkdjf";
|
2011-01-31 04:53:33 +00:00
|
|
|
window.onload = function() {
|
|
|
|
|
|
|
|
var fizzyText = new FizzyText("gui-dat");
|
|
|
|
|
|
|
|
var gui = new GUI();
|
2011-02-08 20:56:00 +00:00
|
|
|
|
|
|
|
var gui2 = new GUI();
|
|
|
|
|
|
|
|
var gui3 = new GUI();
|
2011-02-08 15:40:38 +00:00
|
|
|
timer = new GUI.Timer(gui);
|
2011-01-31 04:53:33 +00:00
|
|
|
|
2011-02-02 18:12:55 +00:00
|
|
|
|
|
|
|
// Text field
|
|
|
|
gui.add(fizzyText, "message")
|
2011-02-03 03:12:01 +00:00
|
|
|
.at(1, "gui-dat")
|
2011-02-02 18:12:55 +00:00
|
|
|
.at(1000, "is")
|
2011-02-03 00:45:12 +00:00
|
|
|
.at(2000, "getting")
|
|
|
|
.at(3000, "pretty")
|
|
|
|
.at(4000, "tight");
|
2011-02-02 18:12:55 +00:00
|
|
|
|
2011-01-31 04:53:33 +00:00
|
|
|
// Sliders with min and max
|
2011-02-03 00:01:12 +00:00
|
|
|
gui.add(fizzyText, "maxSize", 0.5, 7);
|
|
|
|
gui.add(fizzyText, "growthSpeed", 0.01, 1);
|
2011-02-03 00:45:12 +00:00
|
|
|
|
2011-02-03 00:01:12 +00:00
|
|
|
gui.add(fizzyText, "speed", 0.1, 2);
|
2011-01-31 04:53:33 +00:00
|
|
|
|
|
|
|
// Sliders with min, max and increment.
|
2011-02-03 00:45:12 +00:00
|
|
|
gui.add(fizzyText, "noiseStrength", 10, 100, 5);
|
|
|
|
|
2011-01-31 04:53:33 +00:00
|
|
|
// Boolean checkbox
|
2011-02-03 00:45:12 +00:00
|
|
|
gui.add(fizzyText, "displayOutline");
|
2011-01-31 04:53:33 +00:00
|
|
|
|
|
|
|
// Fires a function called "explode"
|
2011-02-02 18:12:55 +00:00
|
|
|
gui.add(fizzyText, "explode")
|
|
|
|
.at(1000)
|
|
|
|
.at(2000)
|
2011-02-02 19:43:49 +00:00
|
|
|
.at(3000);
|
2011-01-31 04:53:33 +00:00
|
|
|
|
2011-02-08 20:56:00 +00:00
|
|
|
|
|
|
|
|
|
|
|
gui2.add(timer, "playhead").step(125).listen();
|
|
|
|
gui2.add(timer, "playPause");
|
|
|
|
gui2.add(timer, "snapIncrement");
|
|
|
|
gui2.add(timer, "useSnap");
|
|
|
|
|
|
|
|
gui3.add(timer, "windowMin").listen();
|
|
|
|
gui3.add(timer, "windowWidth",0, 20000).listen();
|
2011-02-02 18:12:55 +00:00
|
|
|
|
2011-02-08 20:56:00 +00:00
|
|
|
|
2011-02-02 18:12:55 +00:00
|
|
|
|
2011-02-08 20:56:00 +00:00
|
|
|
gui3.add(this, "blabla");
|
2011-02-02 18:12:55 +00:00
|
|
|
|
|
|
|
//gui.add(timer, "pause");
|
2011-01-31 04:53:33 +00:00
|
|
|
|
|
|
|
};
|
|
|
|
|
2011-01-31 20:21:14 +00:00
|
|
|
|
2011-01-31 04:53:33 +00:00
|
|
|
//]]>
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
2011-01-31 20:21:14 +00:00
|
|
|
<!-- GUIDAT logo -->
|
2011-01-31 04:53:33 +00:00
|
|
|
<div id="helvetica-demo"></div>
|
|
|
|
|
2011-01-31 20:21:14 +00:00
|
|
|
|
2011-01-31 04:53:33 +00:00
|
|
|
</body>
|
2011-01-29 00:38:58 +00:00
|
|
|
</html>
|