Lightweight controller library for JavaScript.
Go to file
2018-01-20 21:08:15 -08:00
build latest build 2017-05-14 12:37:05 -07:00
src/dat Use Rollup for UMD and ES6 builds. 2018-01-20 21:08:15 -08:00
tests Test .removeFolder(). 2017-12-23 11:59:44 -05:00
.babelrc Use Rollup for UMD and ES6 builds. 2018-01-20 21:08:15 -08:00
.gitignore Added node_modules 2015-08-14 18:29:49 +02:00
API.md Add some missing methods to API docs. 2017-12-24 00:03:52 -05:00
bower.json Corrected main path, fixing issues with wiredep 2018-01-20 00:13:07 -08:00
CHANGELOG.md update change log and build numbers 2017-05-14 12:33:34 -07:00
example.html tidy up example 2016-09-23 12:43:24 -07:00
LICENSE Add Apache 2.0 License 2014-12-01 11:01:01 -08:00
licenseBanner.txt Use Rollup for UMD and ES6 builds. 2018-01-20 21:08:15 -08:00
package.json Use Rollup for UMD and ES6 builds. 2018-01-20 21:08:15 -08:00
README.md Add section on installing from npm. 2018-01-13 16:39:28 -08:00
rollup.config.js Use Rollup for UMD and ES6 builds. 2018-01-20 21:08:15 -08:00
rollup.config.min.js Use Rollup for UMD and ES6 builds. 2018-01-20 21:08:15 -08:00

dat.GUI

A lightweight graphical user interface for changing variables in JavaScript.

Get started with dat.GUI by reading the tutorial or the API documentation.

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>

Installing from npm

$ npm install --save dat.gui
const dat = require('dat.gui').default;
const gui = new dat.GUI();

Directory Contents

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

Building your own dat.GUI

In the terminal, enter the following:

$ npm install
$ npm run build

npm scripts

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

Working with Content Security Policy

If you're using a server with a Content Security Policy in place that blocks 'unsafe-inline', you will have problems when dat.gui.js tries to inject style information. To get around this, load 'build/dat.gui.css' as an external style sheet.

Changes

View the Change Log

Thanks

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