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
eb410d3fda
dat.gui/index.html

112 lines
4.0 KiB
HTML
Raw Normal View History

added authors to index
2011-01-25 07:42:20 +00:00
<!doctype html>
<head>
Version 0.1
2011-01-27 02:45:34 +00:00
<title>gui-dat</title>
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
<link rel="icon" type="image/png" href="demo/assets/favicon.png" />
<link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" />
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
<!-- <script type="text/javascript" src="gui.min.js"></script> -->
<link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
<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="gui.js"></script>
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
<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">
decided not to use svgs and am using the native font method for the canvas object
2011-01-26 00:07:51 +00:00
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
window.onload = function() {
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
prettyPrint();
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
var fizzyText = new FizzyText("gui-dat");
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
var gui = new GUI();
document.body.appendChild( gui.domElement );
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
// Text field
gui.add(fizzyText, "message");
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
// 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);
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
// Sliders with min, max and increment.
gui.add(fizzyText, "noiseStrength", 10, 100, 5);
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
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
// Boolean checkbox
gui.add(fizzyText, "displayOutline");
// Watches a property
gui.add(fizzyText, "framesRendered").setWatched();
// Fires a function called "explode"
gui.add(fizzyText, "explode").setName("Explode!"); // Specify a custom name.
};
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
added authors to index
2011-01-25 07:42:20 +00:00
</script>
</head>
<body>
Version 0.1
2011-01-27 02:45:34 +00:00
<div id = "helvetica-demo"></div>
added more assets for descriptor below the slider
2011-01-27 21:05:42 +00:00
<div id = "notifier"></div>
added favicon with rounded corners, yum
2011-01-27 06:25:46 +00:00
<h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/profile.png" border = "0" alt = "GUI-DAT flag" /></a></h1>
styling and adding content to index.html
2011-01-25 09:05:49 +00:00
<p>
Changes to index.html
2011-01-26 01:55:59 +00:00
<strong>gui-dat</strong> is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly.
styling and adding content to index.html
2011-01-25 09:05:49 +00:00
</p>
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
Version 0.1
2011-01-27 02:45:34 +00:00
<ul>
Added link to minified source
2011-01-27 02:52:08 +00:00
<li><a href="https://github.com/jonobr1/GUI-DAT/raw/master/gui.min.js"><strong>Download the minified source</strong></a> <small>[9.8kb]</small></li>
removed extraneous p tag
2011-01-27 21:34:56 +00:00
<li><a href="http://github.com/jonobr1/GUI-DAT">Contribute on GitHub!</a></li>
Version 0.1
2011-01-27 02:45:34 +00:00
</ul>
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
Changes to index.html
2011-01-26 01:55:59 +00:00
<h2>Basic Usage</h2>
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
<pre id="demo-pre" class="prettyprint">&lt;script type=&quot;text/javascript&quot; src=&quot;demo/demo.js&quot;&gt;&lt;/script&gt;
Commented up the source to FizzyText and added setName to the pre on index.html
2011-01-28 20:26:38 +00:00
&lt;script type=&quot;text/javascript&quot;&gt;
window.onload = function() {
var fizzyText = new <a href="demo/demo.js">FizzyText</a>(&quot;gui-dat&quot;);
Removed google analytics (to avoid lag when reloading :S) Updated "pretified" code.
2011-01-29 00:44:54 +00:00
var gui = new GUI();
document.body.appendChild( gui.domElement );
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
Commented up the source to FizzyText and added setName to the pre on index.html
2011-01-28 20:26:38 +00:00
// Text field
Removed google analytics (to avoid lag when reloading :S) Updated "pretified" code.
2011-01-29 00:44:54 +00:00
gui.add(fizzyText, &quot;message&quot;);
Commented up the source to FizzyText and added setName to the pre on index.html
2011-01-28 20:26:38 +00:00
// Sliders with min and max
Removed google analytics (to avoid lag when reloading :S) Updated "pretified" code.
2011-01-29 00:44:54 +00:00
gui.add(fizzyText, &quot;maxSize&quot;, 0.5, 7);
gui.add(fizzyText, &quot;growthSpeed&quot;, 0.01, 1);
gui.add(fizzyText, &quot;speed&quot;, 0.1, 2);
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
// Sliders with min, max and increment.
Removed google analytics (to avoid lag when reloading :S) Updated "pretified" code.
2011-01-29 00:44:54 +00:00
gui.add(fizzyText, &quot;noiseStrength&quot;, 10, 100, 5);
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
Commented up the source to FizzyText and added setName to the pre on index.html
2011-01-28 20:26:38 +00:00
// Boolean checkbox
Removed google analytics (to avoid lag when reloading :S) Updated "pretified" code.
2011-01-29 00:44:54 +00:00
gui.add(fizzyText, &quot;displayOutline&quot;);
Commented up the source to FizzyText and added setName to the pre on index.html
2011-01-28 20:26:38 +00:00
// Fires a function called &quot;explode&quot;
Hacked in a Controllers Watcher. It would be nice if the controllers had the last value cached so setValue will execute only if _value != value. Added a setWatched example in the demo.
2011-01-29 01:23:20 +00:00
gui.add(fizzyText, &quot;explode&quot;).setName(&quot;Explode!&quot;); // Specify a custom name.
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
Commented up the source to FizzyText and added setName to the pre on index.html
2011-01-28 20:26:38 +00:00
};
&lt;/script&gt;</pre>
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
Version 0.1
2011-01-27 02:45:34 +00:00
<ul id="desc">
<li><strong>gui-dat</strong> will infer the type of the property you're trying to add<br/>(based on its initial value) and create the corresponding control.</li>
<li>The properties must be public, i.e. defined by <code><strong>this</strong>.prop = value</code>.</li>
</ul>
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
<footer>
By <a href="http://georgemichaelbrower.com/">George Michael Brower</a>, <a href="http://jonobr1.com/">Jono Brandel</a>, and <a href="http://github.com/jonobr1/GUI-DAT">you</a>.
</footer>
added authors to index
2011-01-25 07:42:20 +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