The easiest way to use dat.GUI in your code is by using the built source at
head tag, include the following code:
Installing from npm
$ npm install --save dat.gui
// CommonJS: const dat = require('dat.gui'); // ES6: import * as dat from 'dat.gui'; const gui = new dat.GUI();
├── build - Compiled source code. ├── src - Source files. └── tests - Tests.
Building your own dat.GUI
In the terminal, enter the following:
$ npm install $ npm run build
- 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.
View the Change Log
The following libraries / open-source projects were used in the development of dat.GUI: