Strata - v1.4.10
    Preparing search index...

    Interface ProgressBar3DProps

    Props for the ProgressBar3D component.

    A physical 3D progress bar rendered with Three.js geometry instead of HTML/CSS. Useful for in-world interactions (e.g., loading bars on terminals).

    interface ProgressBar3DProps {
        backgroundColor?: string;
        billboard?: boolean;
        depth?: number;
        fillColor?: string;
        height?: number;
        maxValue: number;
        position?: [number, number, number];
        rotation?: [number, number, number];
        value: number;
        width?: number;
    }
    Index

    Properties

    backgroundColor? billboard? depth? fillColor? height? maxValue position? rotation? value width?

    Properties

    backgroundColor?: string

    Hex or CSS color for the background trough. Default: '#1f2937'.

    billboard?: boolean

    If true, the bar always rotates to face the camera. Default: false.

    depth?: number

    Physical depth in world units. Default: 0.05.

    fillColor?: string

    Hex or CSS color for the filled portion. Default: '#4ade80'.

    height?: number

    Physical height in world units. Default: 0.1.

    maxValue: number

    Maximum progress value (100%).

    position?: [number, number, number]

    World position [x, y, z]. Default: [0, 0, 0].

    rotation?: [number, number, number]

    World rotation [x, y, z] in radians. Default: [0, 0, 0].

    value: number

    Current fill progress value.

    width?: number

    Physical width in world units. Default: 1.0.

    Settings

    Member Visibility

    On This Page

    Properties