dataarts/dat.gui
Dat.gui
dat.gui is a JavaScript GUI controller library that provides a lightweight interface for manipulating variables in real-time through a visual control panel. It functions as a real-time variable debugger and graphical overlay for monitoring and adjusting object properties during application runtime.
The library features a collapsible control panel that organizes complex sets of variable inputs into folders. It includes a state management system capable of exporting and importing the current configuration of active controllers as JSON objects.
The tool supports object-property binding and dynamic type inference to automatically select appropriate widgets for bound properties. It provides a variety of inputs, including color pickers and variable controllers, and allows for the execution of custom functions when values are modified.
Features
- Graphical Variable Controllers - Provides a lightweight graphical interface for manipulating JavaScript variables in real-time through a visual control panel.
- Data-to-UI Bindings - Links JavaScript object keys to visual input elements to synchronize state changes between the data and the UI.
- Environment Variable Interfaces - Provides a graphical interface to manipulate JavaScript variables and observe immediate effects.
- Interactive Parameter Tuning - Provides a lightweight control panel to manipulate application settings and trigger custom functions.
- Parametric Variable Binding - Links internal script variables to GUI inputs for real-time parameterization and tuning.
- Real-Time Variable Controllers - Provides a lightweight interface for manipulating variables in real-time through a visual control panel.
- Object State Syncing - Monitors an underlying object for changes and updates the corresponding visual controller immediately.
- Runtime Variable Debuggers - Ships a graphical overlay for monitoring and adjusting object properties during application runtime.
- Collapsible Control Grouping - Organizes controls into a hierarchical tree of collapsible containers to manage complex sets of configuration variables.
- Folder-Based Organization - Groups related controllers into collapsible folders to reduce visual clutter in complex interfaces.
- Real-time Visual Inspectors - Allows for the real-time modification of object properties via an interactive inspector.
- Debug Interface Overlays - Creates a graphical overlay to monitor and modify internal object states during application runtime.
- GUI State Serializers - Converts the current configuration of all active controllers into a portable JSON object for saving and loading presets.
- Configuration Presets - Implements a state management system to export and import controller configurations as JSON objects.
- System State Exporting - Generates portable JSON configuration files representing the current state of the GUI controllers.
- Graphical Configuration Interfaces - Implements a graphical interface for organizing and managing complex sets of configuration variables.
- Event-Driven Callbacks - Executes specific JavaScript functions immediately after a user modifies a value in the GUI.
- Runtime Type Inference - Automatically selects the appropriate controller widget based on the data type of the bound object property.
- Custom Action Triggers - Executes custom JavaScript functions immediately when a value is modified or after a setting is adjusted.
- Collapsible Panels - Ships a foldable folder-based interface for organizing and accessing a large set of variable inputs.
- Form Components - GUI controller for modifying variables in real-time.
- General Utilities - Minimal interface for controlling variables in real-time.
- User Interface - Lightweight GUI for variable manipulation.
