Skip to content

Hologram API

Hologram

Extends Effect.

Factory Function

typescript
createHologram(config?: HologramConfig)

Methods

See Effect for the full method reference.


HologramConfig

typescript
interface HologramConfig {
    color?: string;
    dataFragments?: number;
    flickerIntensity?: number;
    scale?: number;
    scanlineSpacing?: number;
    speed?: number;
}
PropertyTypeDefaultDescription
colorstring'#00ccff'Base color of the holographic projection.
dataFragmentsnumber15Number of floating data fragments.
flickerIntensitynumber0.3Random brightness flicker strength (0–1).
scalenumber1Scales all sizes proportionally.
scanlineSpacingnumber3Pixel spacing between horizontal scanlines.
speednumber1Animation speed multiplier.

HologramFragment

typescript
interface HologramFragment {
    opacity: number;
    size: number;
    speed: number;
    x: number;
    y: number;
}
PropertyTypeDescription
opacitynumberCurrent opacity of the fragment.
sizenumberSize of the data fragment.
speednumberVertical drift speed.
xnumberHorizontal position.
ynumberVertical position.