dat.gui

dat.gui is a lightweight controller library for JavaScript.

Github星跟踪图

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
// CommonJS:
const dat = require('dat.gui');

// ES6:
import * as dat from 'dat.gui';

const gui = new dat.GUI();

Directory Contents

├── 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 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:

主要指标

概览
名称与所有者dataarts/dat.gui
主编程语言JavaScript
编程语言JavaScript (语言数: 4)
平台
许可证Apache License 2.0
所有者活动
创建于2011-01-24 05:04:58
推送于2025-10-25 02:25:53
最后一次提交2022-02-19 12:35:02
发布数25
最新版本名称v0.7.9 (发布于 2022-02-19 12:35:33)
第一版名称v0.2 (发布于 2011-04-19 04:00:39)
用户参与
星数7.7k
关注者数148
派生数1.1k
提交数607
已启用问题?
问题数215
打开的问题数78
拉请求数34
打开的拉请求数40
关闭的拉请求数52
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?