dat.gui/index.html

<!doctype html>
    <head>
        <title>GUI-DAT</title>
        
        <link rel="icon" type="image/gif" href="demo/assets/favicon.gif">
        
        <link href="gui.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>

        <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.string.js"></script>
        <script type="text/javascript" src="controllers/controller.number.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="demo/improvedNoise.js"></script>
        <script type="text/javascript" src="demo/demo.js"></script>
        <script type="text/javascript">
            var controllableObject = 
               {   
                  numberProperty: 20,
                  constrainedNum: 0,
                  notchedNum: 240,
                  pageTitle: "gui-dat",
                  anotherTextProperty: "another string",
                  booleanProperty: false,
                  anotherBooleanProperty: false,
                  functionProperty: function() {
                     alert("I am a function!");
                  }
               };
               
            window.onload = function() {

                var testDisplay = new DynamicText("gui-dat", 600, 300, 160);

              prettyPrint();

               GUI.start();
               
               // Creates a number box
               GUI.add(testDisplay, "maxSize", 1, 5);

               // Creates a slider (min, max)
               GUI.add(testDisplay, "growthSpeed", 0.01, 1);
               
               // Creates a slider (min, max)
               GUI.add(testDisplay, "noiseStrength", 10, 100);
               
               // Creates a slider (min, max)
               GUI.add(testDisplay, "stepSize", 1, 4);

               // Creates a text field
               GUI.add(testDisplay, "message");

               // Creates a checkbox
               GUI.add(testDisplay, "displayOutline");

               // Creates a button
               GUI.add(controllableObject, "functionProperty")
                  .setName("Fire a Function");
               
            };
            
            var _gaq = _gaq || [];
            _gaq.push(['_setAccount', 'UA-20996084-1']);
            _gaq.push(['_trackPageview']);
            
            (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
            })();
        </script>
    </head>
    <body>
        <h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a><span id = "helvetica-demo"></span></h1>
        <p>
            <strong>gui-dat</strong> is a lightweight controller library for JavaScript. It allows you to easily manipulate variables and fire functions on the fly.
        </p>
    
        <p>&bull; <a href="#"><strong>Download the minified source</strong></a> <small>[2.3kb]</small><br/>
        &bull; <a href="http://github.com/jonobr1/GUI-DAT">Contribute on GitHub!</a></p>
    
        <h2>Basic Usage</h2>
    
        <pre id="demo-pre" class="prettyprint">
&lt;script type=&quot;text/javascript&quot; src=&quot;gui.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;

var controllableObject = 
   {   
	  numberProperty: 20,
	  constrainedNum: 0,
	  notchedNum: 240,
	  textProperty: &quot;a string&quot;,
	  anotherTextProperty: &quot;another string&quot;,
	  booleanProperty: false,
	  anotherBooleanProperty: false,
	  functionProperty: function() {
		 alert(&quot;I am a function!&quot;);
	  }
   };

window.onload = function() {

   GUI.start();

   // Creates a number box
   GUI.add(controllableObject, &quot;numberProperty&quot;);

   // Creates a slider (min, max)
   GUI.add(controllableObject, &quot;constrainedNum&quot;, -100, 100)

   // Creates a slider with notches
   GUI.add(controllableObject, &quot;notchedNum&quot;, 0, 800, 100)

   // Creates a text field
   GUI.add(controllableObject, &quot;textProperty&quot;);

   // Creates a checkbox
   GUI.add(controllableObject, &quot;booleanProperty&quot;);

   // Creates a button
   GUI.add(controllableObject, &quot;functionProperty&quot;)
      .setName(&quot;Fire a Function&quot;);

};

&lt;/script&gt;</pre>
		<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> 
    </body>
</html>
added authors to index 2011-01-25 07:42:20 +00:00			`<!doctype html>`
			`<head>`
			`<title>GUI-DAT</title>`
added favicon 2011-01-25 08:14:24 +00:00
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<link rel="icon" type="image/gif" href="demo/assets/favicon.gif">`
added favicon 2011-01-25 08:14:24 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`<link href="gui.css" media="screen" rel="stylesheet" type="text/css" />`
changed around folder structure and updated the styling 2011-01-25 22:16:30 +00:00			`<link href="demo/demo.css" media="screen" rel="stylesheet" type="text/css" />`
example is now officially awesome 2011-01-26 23:25:40 +00:00			`<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>`
Attempt to make text in number boxes unselectable. 2011-01-24 22:08:48 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`<script type="text/javascript" src="gui.js"></script>`
Merged 2011-01-25 08:28:18 +00:00			`<script type="text/javascript" src="controllers/slider.js"></script>`
Merged into Jono's new index.html 2011-01-25 08:26:18 +00:00			`<script type="text/javascript" src="controllers/controller.js"></script>`
			`<script type="text/javascript" src="controllers/controller.string.js"></script>`
			`<script type="text/javascript" src="controllers/controller.number.js"></script>`
			`<script type="text/javascript" src="controllers/controller.boolean.js"></script>`
			`<script type="text/javascript" src="controllers/controller.function.js"></script>`
example is now officially awesome 2011-01-26 23:25:40 +00:00			`<script type="text/javascript" src="demo/improvedNoise.js"></script>`
began particle type 2011-01-26 02:30:05 +00:00			`<script type="text/javascript" src="demo/demo.js"></script>`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00			`<script type="text/javascript">`
added authors to index 2011-01-25 07:42:20 +00:00			`var controllableObject =`
			`{`
			`numberProperty: 20,`
			`constrainedNum: 0,`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`notchedNum: 240,`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00			`pageTitle: "gui-dat",`
added authors to index 2011-01-25 07:42:20 +00:00			`anotherTextProperty: "another string",`
			`booleanProperty: false,`
			`anotherBooleanProperty: false,`
			`functionProperty: function() {`
			`alert("I am a function!");`
			`}`
			`};`
began particle type 2011-01-26 02:30:05 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`window.onload = function() {`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
Changes to demo 2011-01-26 21:33:54 +00:00			`var testDisplay = new DynamicText("gui-dat", 600, 300, 160);`
began particle type 2011-01-26 02:30:05 +00:00
example is now officially awesome 2011-01-26 23:25:40 +00:00			`prettyPrint();`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`GUI.start();`
removed canvas element to be just html 2011-01-26 00:58:52 +00:00
Changes to demo 2011-01-26 21:33:54 +00:00			`// Creates a number box`
			`GUI.add(testDisplay, "maxSize", 1, 5);`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a slider (min, max)`
example is now officially awesome 2011-01-26 23:25:40 +00:00			`GUI.add(testDisplay, "growthSpeed", 0.01, 1);`

			`// Creates a slider (min, max)`
			`GUI.add(testDisplay, "noiseStrength", 10, 100);`

			`// Creates a slider (min, max)`
			`GUI.add(testDisplay, "stepSize", 1, 4);`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a text field`
created dynamic title 2011-01-26 03:14:15 +00:00			`GUI.add(testDisplay, "message");`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a checkbox`
example is now officially awesome 2011-01-26 23:25:40 +00:00			`GUI.add(testDisplay, "displayOutline");`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`// Creates a button`
			`GUI.add(controllableObject, "functionProperty")`
			`.setName("Fire a Function");`
decided not to use svgs and am using the native font method for the canvas object 2011-01-26 00:07:51 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`};`
added google analytics 2011-01-26 18:00:39 +00:00
			`var _gaq = _gaq \|\| [];`
			`_gaq.push(['_setAccount', 'UA-20996084-1']);`
			`_gaq.push(['_trackPageview']);`

			`(function() {`
			`var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;`
			`ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';`
			`var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);`
			`})();`
added authors to index 2011-01-25 07:42:20 +00:00			`</script>`
			`</head>`
			`<body>`
created dynamic title 2011-01-26 03:14:15 +00:00			`<h1><a href = "http://twitter.com/guidat"><img src = "demo/assets/favicon.gif" border = "0" alt = "GUI-DAT flag" /></a><span id = "helvetica-demo"></span></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>`
example is now officially awesome 2011-01-26 23:25:40 +00:00
Changes to index 2011-01-26 02:15:20 +00:00			`<p>• <a href="#"><strong>Download the minified source</strong></a> <small>[2.3kb]</small><br/>`
			`• <a href="http://github.com/jonobr1/GUI-DAT">Contribute on GitHub!</a></p>`
example is now officially awesome 2011-01-26 23:25:40 +00:00
Changes to index.html 2011-01-26 01:55:59 +00:00			`<h2>Basic Usage</h2>`
example is now officially awesome 2011-01-26 23:25:40 +00:00
added authors to index 2011-01-25 07:42:20 +00:00			`<pre id="demo-pre" class="prettyprint">`
Changes to index.html 2011-01-26 01:55:59 +00:00			`<script type="text/javascript" src="gui.min.js"></script>`
			`<script type="text/javascript">`

Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`var controllableObject =`
			`{`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`numberProperty: 20,`
			`constrainedNum: 0,`
			`notchedNum: 240,`
Changes to index.html 2011-01-26 01:55:59 +00:00			`textProperty: "a string",`
			`anotherTextProperty: "another string",`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`booleanProperty: false,`
			`anotherBooleanProperty: false,`
			`functionProperty: function() {`
Changes to index.html 2011-01-26 01:55:59 +00:00			`alert("I am a function!");`
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`}`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`};`

			`window.onload = function() {`

			`GUI.start();`
example is now officially awesome 2011-01-26 23:25:40 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a number box`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "numberProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a slider (min, max)`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "constrainedNum", -100, 100)`
example is now officially awesome 2011-01-26 23:25:40 +00:00
Starting on sliders. Still some kinks. 2011-01-25 09:35:45 +00:00			`// Creates a slider with notches`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "notchedNum", 0, 800, 100)`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a text field`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "textProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a checkbox`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "booleanProperty");`
added authors to index 2011-01-25 07:42:20 +00:00
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00			`// Creates a button`
Changes to index.html 2011-01-26 01:55:59 +00:00			`GUI.add(controllableObject, "functionProperty")`
			`.setName("Fire a Function");`
Added dummy classes for TODO controllers and updated demo/gui css 2011-01-24 10:36:57 +00:00
			`};`
Changes to index.html 2011-01-26 01:55:59 +00:00
			`</script></pre>`
Changes to index 2011-01-26 02:15:20 +00:00			`<footer>`
styling and adding content to index.html 2011-01-25 09:05:49 +00:00			`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>.`
Changes to index 2011-01-26 02:15:20 +00:00			`</footer>`
added authors to index 2011-01-25 07:42:20 +00:00			`</body>`
Initial files 2011-01-23 21:23:53 +00:00			`</html>`