Lightweight controller library for JavaScript.
Go to file
Jeff Nusz 66aa8fe153 fix slider modifier function to return correct controller
onFinishChange(), onChange(), and step() were returning the NumberBoxController instead of NumberSliderController
2016-08-18 14:18:15 -07:00
build latest build and change log 2016-08-17 16:32:48 -07:00
src/dat fix slider modifier function to return correct controller 2016-08-18 14:18:15 -07:00
tests Using classses 2015-08-14 18:27:54 +02:00
webpack Cosmetics 2015-08-15 03:28:21 +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 Enable warnings for no-alert, no-console, no-use-before-define 2015-08-15 02:04:20 +02:00
.gitattributes Added .gitattributes 2015-08-15 00:17:19 +02:00
.gitignore Added node_modules 2015-08-14 18:29:49 +02:00
bower.json Update bower.json and package.json 2015-08-15 03:41:08 +02:00
CHANGELOG.md latest build and change log 2016-08-17 16:32:48 -07:00
example.html update readme and example to point to dat.gui.min.js 2016-08-17 12:13:48 -07:00
index.js Cosmetics 2015-08-15 03:28:21 +02:00
LICENSE Add Apache 2.0 License 2014-12-01 11:01:01 -08:00
package.json Update bower.json and package.json 2015-08-15 03:41:08 +02:00
README.md update readme and example to point to dat.gui.min.js 2016-08-17 12:13:48 -07: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.

Change Log

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.min.js"></script>

Directory Contents

├── build - Compiled source code.
├── node_modules - External node dependencies.
├── src - Source files.
├── tests - Tests.
└── webpack - Webpack config files.

Building your own dat.GUI

In the terminal, enter the following:

$ npm run build

npm scripts

  • npm test - Run ESLint
  • npm run build - Build development and production version of scripts.
  • npm run dev - Build development version of script watch for changes.

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

Thanks

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