Lume
    Preparing search index...

    Class Knob

    Draws a knob -- a circular handle used to control electronic devices.

    Lume draws knobs as a circle with a partial ring on the outside representing how far the knob has been turned.

    Hierarchy (View Summary)

    Index

    Accessors

    • get radius(): number

      Returns the radius of the entire knob.

      Returns number

    • set radius(value: number): void

      Returns the radius of the knob.

      Note that this represents the width of the entire visual knob, including the arc.

      Parameters

      • value: number

      Returns void

    • get strokeWidth(): number

      Returns the width of the arc.

      Returns number

    • set strokeWidth(value: number): void

      Sets the width of the arc.

      Parameters

      • value: number

      Returns void

    • get voidWidth(): number

      Returns the width of the gap inbetween the inner circle and the arc.

      Returns number

    • set voidWidth(value: number): void

      Sets the width of the gap inbetween the inner circle and the arc.

      Parameters

      • value: number

      Returns void

    Constructors

    Methods

    • Called by the rendering engine on every frame.

      When overriding this method, ensure that the p5 instance is configured properly. For example, rectangles may be drawn incorrectly if a previous CanvasDrawer had modified p5.rectMode(). CanvasDrawer classes are not obligated/expected to use the default p5 attributes.

      See the p5 documentation on attributes for more information: https://p5js.org/reference/#Attributes

      Returns void