TAddPathOptions: {
    __EXPERIMENTAL_BILLBOARDING?: boolean;
    __EXPERIMENTAL_BORDER?: {
        color: "darken" | string;
        enabled: boolean;
        width?: number;
    };
    __EXPERIMENTAL_DASH_OPTIONS?: TExperimentalDashOptions;
    __EXPERIMENTAL_ENDCAP_ENABLED?: boolean;
    __EXPERIMENTAL_GEOMETRY?: "tube"
    | "ribbon";
    __EXPERIMENTAL_SMOOTHING_CORNER_RADIUS?: number;
    __EXPERIMENTAL_SMOOTHING_TENSION?: number;
    accentColor?: string;
    animateArrowsOnPath?: boolean;
    animateDrawing?: boolean;
    color?: string;
    dashed?: boolean;
    displayArrowsOnPath?: boolean;
    drawDuration?: number;
    flattenPath?: boolean;
    interactive?: boolean;
    pulseIterations?: number;
    pulsePauseDuration?: number;
    showPulse?: boolean;
    verticalOffset?: number;
    visible?: boolean;
    width?: number | Interpolation<"zoom-level", number[]>;
    xrayOpacity?: number;
}

Options for controlling the behavior of a Path.

Type declaration

  • Optional Experimental__EXPERIMENTAL_BILLBOARDING?: boolean

    When true and using ribbon geometry, the path will always face the camera (billboard effect). Most useful for vertical paths between floors.

    false
    
  • Optional Experimental__EXPERIMENTAL_BORDER?: { color: "darken" | string; enabled: boolean; width?: number }

    Border configuration for ribbon path geometry. Renders darkened edges along both sides of the ribbon.

    • color: "darken" | string

      Border color - 'darken' to auto-darken main color, or explicit hex color string

    • enabled: boolean

      Whether the border is enabled

    • Optionalwidth?: number

      Border width as fraction of total ribbon width (0-0.5).

      0.1
      
  • Optional Experimental__EXPERIMENTAL_DASH_OPTIONS?: TExperimentalDashOptions

    Dash configuration. When dashed=true, controls dash/gap sizing. Uses discriminated union - mode determines which properties are valid.

    TExperimentalDashOptions

  • Optional Experimental__EXPERIMENTAL_ENDCAP_ENABLED?: boolean

    Whether to add end cap points to the path.

    false
    
  • Optional Experimental__EXPERIMENTAL_GEOMETRY?: "tube" | "ribbon"

    Geometry type for path rendering.

    • 'tube': Original tube geometry with 8 radial segments (default)
    • 'ribbon': Flat ribbon geometry with 2 vertices per segment
    'tube'
    
  • Optional Experimental__EXPERIMENTAL_SMOOTHING_CORNER_RADIUS?: number

    Distance in meters from corners where control points are inserted for smoothing. Higher values create smoother curves around corners. Only applies when __EXPERIMENTAL_SMOOTHING_TENSION > 0. Typical values are 0.5-2.0 meters for subtle smoothing.

    0.5
    
  • Optional Experimental__EXPERIMENTAL_SMOOTHING_TENSION?: number

    Controls the smoothness of path corners using CatmullRom curve tension. Higher values create smoother curves. Values between 0.1-0.3 provide subtle smoothing suitable for most use cases.

    0.0
    
  • OptionalaccentColor?: string

    Accent color that is applied to the path pulse and path arrows

    '#ffffff'
    
  • OptionalanimateArrowsOnPath?: boolean

    Animate arrows on path.

    true
    
  • OptionalanimateDrawing?: boolean

    Animate the drawing of the path in the direction of travel.

    true
    
  • Optionalcolor?: string

    Path Colour. Color can be set using CSS colors names DarkGoldenRod, as Hex strings #0000FF or the rgb values rgb(255,0,0).

    #4b90e2
    
  • Optionaldashed?: boolean

    Whether the path should be dashed.

    false
    
  • OptionaldisplayArrowsOnPath?: boolean

    Show arrows on path.

    false
    
  • OptionaldrawDuration?: number

    Duration of path drawing in milliseconds.

    1500
    
  • OptionalflattenPath?: boolean

    Flatten the path to a 2D line.

    false
    
  • Optionalinteractive?: boolean

    Whether the path should be clickable.

    false
    
  • OptionalpulseIterations?: number

    Number of iterations to pulse to indicate direction.

    1
    
  • OptionalpulsePauseDuration?: number

    How many milliseconds to wait before starting the next pulse after the current pulse travels the entirety of the path.

    750
    
  • OptionalshowPulse?: boolean

    Show an animated pulse indicating the direction of travel.

    true
    
  • OptionalverticalOffset?: number

    How much the path hovers above the floor plane in meters.

    0.1
    
  • Optionalvisible?: boolean

    Whether the path should be visible.

    true
    
  • Optionalwidth?: number | Interpolation<"zoom-level", number[]>

    The width of the path in meters. Can be a number or an Interpolation.

    Interpolation { on: 'zoom-level', input: [17, 22], output: [0.8, 0.4] }
    
  • OptionalxrayOpacity?: number

    The opacity of the path when it's behind geometry (x-ray effect). Value from 0 to 1.

    0.25