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,
});

You can use bufferSize option to change the buffer size.

const pane = new Pane();
pane.addMonitor(PARAMS, 'wave', {
  bufferSize: 10,
});

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,
});

{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,
});