Monitor bindings
Tweakpane also has a feature for monitoring value changes. Use addMonitor()
to add components.
Multiline
multiline
option provides a multiline log component. lineCount
can change the number of display lines.
const pane = new Pane();
pane.addMonitor(PARAMS, 'wave', {
multiline: true,
lineCount: 5,
});
Buffer size
You can use bufferSize
option to change the buffer size.
const pane = new Pane();
pane.addMonitor(PARAMS, 'wave', {
bufferSize: 10,
});
Interval
To change an interval of monitors, set interval
option in milliseconds. The default value is 200(ms).
const pane = new Pane();
pane.addMonitor(PARAMS, 'time', {
interval: 1000,
});
Graph
{view: 'graph'}
option for number parameters provides a graph component. Pass min
and max
for value range.
const pane = new Pane();
pane.addMonitor(PARAMS, 'wave', {
view: 'graph',
min: -1,
max: +1,
});