Lightweight controller library for JavaScript.
Go to file
2015-08-14 22:54:15 +02:00
build Fixing dat.gui issues 2015-08-14 22:29:30 +02:00
src/dat Fixed eslint issues 2015-08-14 22:53:46 +02:00
tests Using classses 2015-08-14 18:27:54 +02:00
webpack Fixing dat.gui issues 2015-08-14 22:29:30 +02:00
.babelrc .babelrc config 2015-08-14 18:29:26 +02:00
.editorconfig Using classses 2015-08-14 18:27:54 +02:00
.eslintrc Ignore no-use-before-define 2015-08-14 22:54:15 +02:00
.gitignore Added node_modules 2015-08-14 18:29:49 +02:00
bower.json Fixing dat.gui issues 2015-08-14 22:29:30 +02:00
example.html Fixing dat.gui issues 2015-08-14 22:29:30 +02:00
index.js Using common.js + webpack 2015-08-14 15:38:59 +02:00
LICENSE Add Apache 2.0 License 2014-12-01 11:01:01 -08:00
package.json Fixing dat.gui issues 2015-08-14 22:29:30 +02:00
README.md Merge remote-tracking branch 'genrich/patch-1' 2015-08-14 15:48:40 +02:00

#dat.GUI A lightweight graphical user interface for changing variables in JavaScript.

Get started with dat.GUI by reading the tutorial at http://workshop.chromeexperiments.com/examples/gui.


##Packaged Builds The easiest way to use dat.GUI in your code is by using the built source at build/dat.gui.min.js. These built JavaScript files bundle all the necessary dependencies to run dat.GUI.

In your head tag, include the following code:

<script type="text/javascript" src="dat.gui.main.js"></script>

##Directory Contents

  • build: Concatenated source code.
  • src: Modular code in require.js format. Also includes css, scss, and html, some of which is included during build.
  • tests: QUnit test suite.
  • utils: node.js utility scripts for compiling source.

##Building your own dat.GUI

In the terminal, enter the following:

$ npm run build

This will create a namespaced, unminified build of dat.GUI at build/dat.gui.main.js


##Change log

0.6.0

0.5

  • Moved to requirejs for dependency management.
  • Changed global namespace from DAT to dat (lowercase).
  • Added support for color controllers. See Color Controllers.
  • Added support for folders. See Folders.
  • Added support for saving named presets. See Presets.
  • Removed height parameter from GUI constructor. Scrollbar automatically induced when window is too short.
  • dat.GUI.autoPlace parameter removed. Use new dat.GUI( { autoPlace: false } ). See Custom Placement.
  • gui.autoListen and gui.listenAll() removed. See Updating The Display Manually.
  • dat.GUI.load removed. See Saving Values.
  • Made Controller code completely agnostic of GUI. Controllers can easily be created independent of a GUI panel.

0.4

  • Migrated from GitHub to Google Code.

##Thanks The following libraries / open-source projects were used in the development of dat.GUI: