library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
6152bdb728
dat.gui/index.html

99 lines
5.0 KiB
HTML
Raw Normal View History

Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
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" />
Converted save methods to JSON representation. Now onto saving Timers.
2011-02-12 01:01:02 +00:00
<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="time/scrubber.js"></script>
<script type="text/javascript" src="time/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>
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
<script type="text/javascript">
updated index to handle toggling of documentation and also css fix to gui.css
2011-01-31 20:21:14 +00:00
//<![CDATA[
Better keyframes.
2011-02-08 15:40:38 +00:00
var timer;
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
window.onload = function() {
This thing is getting pretty useable. Check out my loop.
2011-02-14 03:24:35 +00:00
GUI.loadJSON({"guis":[{"open":true,"width":280,"openHeight":319,"scroll":1,"values":["time",1.35,8.5602,0.2792,0.0871,46.3269,false,null,0,null],"timer":{"windowMin":8617.568021757952,"windowWidth":11596,"playhead":10000,"snapIncrement":250,"useSnap":true,"scrubbers":[{"points":[{"value":"gui-dat","time":-3250},{"value":"over","time":5500},{"value":"time","time":9750}]},{"points":[{"value":1.3499999999999999,"time":644.1387},{"value":1.3499999999999999,"time":9750,"tween":"CircularEaseIn"}]},{"points":[{"value":0,"time":-2750,"tween":"SinusoidalEaseInOut"},{"value":7,"time":659.1556},{"value":7,"time":2211.2348},{"value":5.525,"time":5500},{"value":8.955,"time":6413.8663},{"value":8.339963195382083,"time":12000,"tween":"SinusoidalEaseInOut"},{"value":0,"time":16500}]},{"points":[{"value":0.5049,"time":-532.8902,"tween":"Hold"},{"value":0.5544,"time":1666.4321},{"value":0.01,"time":3382.0743,"tween":"Hold"},{"value":0.9900000000000001,"time":5500},{"value":0.18810000000000002,"time":9500,"tween":"Hold"},{"value":0.3069,"time":9750},{"value":0.1683,"time":11000},{"value":0.0495,"time":11750}]},{"points":[{"value":0.39899999999999997,"time":1652.5592,"tween":"SinusoidalEaseInOut"},{"value":7.6000000000000005,"time":3471.5432,"tween":"Hold"},{"value":0.8,"time":5500},{"value":1.3,"time":6000},{"value":0.1,"time":9750},{"value":0.01,"time":11500,"tween":"SinusoidalEaseInOut"},{"value":1.9000000000000001,"time":15250}]},{"points":[{"value":10,"time":795.5192,"tween":"Hold"},{"value":10,"time":5500},{"value":75,"time":5500,"tween":"CircularEaseOut"},{"value":45,"time":9750}]},{"points":[]},{"points":[{"time":9750}]},{"points":[{"value":0,"time":250,"tween":"Hold"}]},{"points":[{"time":18250}]}]}},{"open":true,"width":280,"openHeight":127,"scroll":0,"values":[null,true,250,null]}]});
Converted save methods to JSON representation. Now onto saving Timers.
2011-02-12 01:01:02 +00:00
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
var fizzyText = new FizzyText("gui-dat");
Added easing curves for numbers, about to break old saving methods for JSON
2011-02-11 22:54:39 +00:00
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
var gui = new GUI();
Multiple normal panels and a time panels now live together in beautiful harmony
2011-02-08 20:56:00 +00:00
I made a composition in gui-dat/time. It is not that good, but you can save and load.
2011-02-13 17:23:10 +00:00
var timerControls = new GUI();
timer = new GUI.Timer(gui);
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
Now we have a FUNCTIONING mock :)
2011-02-02 18:12:55 +00:00
// Text field
Converted save methods to JSON representation. Now onto saving Timers.
2011-02-12 01:01:02 +00:00
gui.add(fizzyText, "message");
Now we have a FUNCTIONING mock :)
2011-02-02 18:12:55 +00:00
I made a composition in gui-dat/time. It is not that good, but you can save and load.
2011-02-13 17:23:10 +00:00
gui.add(fizzyText, "scale", 0.25, 4);
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
// Sliders with min and max
This thing is getting pretty useable. Check out my loop.
2011-02-14 03:24:35 +00:00
gui.add(fizzyText, "maxSize", 0, 20);
This is getting really close.
2011-02-03 00:01:12 +00:00
gui.add(fizzyText, "growthSpeed", 0.01, 1);
Starting navigation
2011-02-03 00:45:12 +00:00
This thing is getting pretty useable. Check out my loop.
2011-02-14 03:24:35 +00:00
gui.add(fizzyText, "speed", 0, 10);
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
// Sliders with min, max and increment.
I made a composition in gui-dat/time. It is not that good, but you can save and load.
2011-02-13 17:23:10 +00:00
gui.add(fizzyText, "noiseStrength", 10, 100, 5);
Starting navigation
2011-02-03 00:45:12 +00:00
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
// Boolean checkbox
I made a composition in gui-dat/time. It is not that good, but you can save and load.
2011-02-13 17:23:10 +00:00
gui.add(fizzyText, "displayOutline");
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
// Fires a function called "explode"
I made a composition in gui-dat/time. It is not that good, but you can save and load.
2011-02-13 17:23:10 +00:00
gui.add(fizzyText, "explode");
timerControls.add(timer, "playPause");
timerControls.add(timer, "useSnap");
timerControls.add(timer, "snapIncrement");
timerControls.add(GUI, "save");
This thing is getting pretty useable. Check out my loop.
2011-02-14 03:24:35 +00:00
var thing = {
loop: function() {
timer.playhead = -3500;
timer.play();
}
};
I made a composition in gui-dat/time. It is not that good, but you can save and load.
2011-02-13 17:23:10 +00:00
gui.add(fizzyText, 'y', -500, 500);
This thing is getting pretty useable. Check out my loop.
2011-02-14 03:24:35 +00:00
gui.add(thing, 'loop');
I made a composition in gui-dat/time. It is not that good, but you can save and load.
2011-02-13 17:23:10 +00:00
GUI.hide();
timer.playhead = 0;
timer.play();
Now we have a FUNCTIONING mock :)
2011-02-02 18:12:55 +00:00
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
};
updated index to handle toggling of documentation and also css fix to gui.css
2011-01-31 20:21:14 +00:00
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
//]]>
</script>
</head>
<body>
updated index to handle toggling of documentation and also css fix to gui.css
2011-01-31 20:21:14 +00:00
<!-- GUIDAT logo -->
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
<div id="helvetica-demo"></div>
updated index to handle toggling of documentation and also css fix to gui.css
2011-01-31 20:21:14 +00:00
Lots of saving goodness though a few things left to be done / tested. Started to add collapsable sections on demo headers. Won't be stable enough by tomorrow morning.
2011-01-31 04:53:33 +00:00
</body>
Changed GUI to be instanceable (rather than just one GUI per project). GUI.start() is now var gui = new GUI(); Included prettify.js in the repo so people checking the demo localy doesn't need the internets. Changed way of hidding the panel (controllerContainer.style.height rather than this.domElement.stylemarginTop).
2011-01-29 00:38:58 +00:00
</html>
Reference in New Issue Copy Permalink