tsParticles - v0.0.0
    Preparing search index...

    [[include:Options.md]]

    Implements

    Indexable

    • [name: string]: unknown
    Index

    Constructors

    Properties

    autoPlay: boolean

    Sets if the animations should start automatically or manually

    background: Background

    Background options, these background options will be used to the canvas element, they are all CSS properties

    clear: boolean

    Clears the canvas on every frame if enabled

    defaultThemes: DefaultThemes
    delay: RangeValue

    The initial delay before starting the animation

    detectRetina: boolean

    Enables the retina detection, if disabled the ratio used by canvas will be always 1 and not the device setting.

    duration: RangeValue

    The Particles effect duration in seconds, then the container will be destroyed

    fpsLimit: number

    The FPS (Frame Per Second) limit applied to all particles animations.

    fullScreen: FullScreen

    Sets the animated background mode for particles canvas bringing it to the back

    hdr: boolean

    Enables or disables the HDR mode, if enabled the particles will be rendered in a higher color precision

    key?: string

    The key used to store the options in the Engine.configs collection

    name?: string

    The name of the config, if it needs to be shown to the user, used also if key is missing

    particles: ParticlesOptions

    The particles options

    pauseOnBlur: boolean

    Enables or disabled the animation on window blur

    pauseOnOutsideViewport: boolean

    Enable or disabled the animation if the element is outside the viewport

    preset?: SingleOrMultiple<string>

    This property will be used to add specified presets to the options

    resize: ResizeEvent

    Resize event options

    smooth: boolean

    Enables a smooth effect, by default it's disabled When enabled the animation will speed up or slow down depending on fps The IOptions.fpsLimit field will be used as a reference for the animation speed Some examples: - with a IOptions.fpsLimit of 60 the animation will be twice faster on 120 fps devices - with a IOptions.fpsLimit of 120 the animation will be twice slower on 60 fps devices The animation will be always smooth, but the behavior could be affected by the user screen refresh rate It's recommended to keep this disabled, be careful.

    style: RecursivePartial<CSSStyleDeclaration>
    zLayers: number

    The maximum layers used in the z-axis

    Methods