Class: AutoUI

AutoUI.AutoUI(object, optionsopt)

Migration notes for Spring 2026:

  1. AutoUI now uses an options object as its second parameter.
  2. Global page-level panel and global #gui behavior were removed.
  3. UI placement should come from the world (options.world) and optionally options.where.
  4. display is replaced by explicit mode options: useLilGUI and labelDisplay.
  5. UI is created eagerly at construction time. This allows controls for objects that are part of a hierarchy even if they are not directly installed with world.add(obj).

Compact mode note:

  • The default labelDisplay is "inline-block" (not compact).
  • For compact sliders, set useLilGUI: false and labelDisplay: "inline".

Typical conversion:

Old: new AutoUI(obj, 200, div, 1, false, "inline")

New: new AutoUI(obj, { world, width: 200, where: div, widthdiv: 1, adjusted: false, useLilGUI: false, labelDisplay: "inline" })

Constructor

new AutoUI(object, optionsopt)

Create a UI panel for a GrObject

UI layout defaults are world-scoped. The object declares its parameters, while the world controls overall panel placement and style.

This does place the panel into the DOM (onto the web page) using insertElement in the CS559 helper library. The place it is placed is controlled the where parameter. By default, it is taken from the world's AutoUI options.

Compact slider usage (no lil-gui):

Parameters:
Name Type Attributes Description
object GrObject
options AutoUIOptions <optional>
Source:
Examples
new AutoUI(obj, {
  world,
  where: panel,
  useLilGUI: false,
  labelDisplay: "inline"
});

Default lil-gui usage:
new AutoUI(obj, {
  world,
  where: panel
});

Members

controllers :Array.<any>|undefined

Type:
  • Array.<any> | undefined
Source:

pendingSetOps :Array.<Object>

Type:
  • Array.<Object>
Source:

Methods

set(param, value)

Parameters:
Name Type Description
param number | string
value number
Source: