Particles Links

key option type example notes
blink boolean true / false This option works with color with "random" value, if set to true the links will blink with random colors
color color object This color object is the same described here {@links IColor}
consent boolean true / false This option works with color with "random" value, if set to true the links will have a random common color
distance number 150
enable boolean true / false
id string "link1" This id is optional, when specified the particles with the same link id will be linked together, if enabled
opacity number 0...1
shadow object See shadow documentation below
triangles object See triangles documentation below
warp boolean true / false
width number 1.5

Links Shadow

key option type example notes
blur number 4
color string
color object
This color object is the same described here {@links IColor}
enable boolean true / false

Links Triangles

key option type example notes
color string
color object
This color object is the same described here {@links IColor}
enable boolean true / false
opacity number 0...1

Implements

Constructors

Properties

blink: boolean

Enables random blinking, if set to true and ILinks.color is set to "random" the link will have a random color each frame resulting in a blinking animation

Link line color, can be a string or an IOptionsColor object. If the value is "random", if ILinks.blink is true sets a random color each frame, if ILinks.consent is true a random color is used for all links, if ILinks.blink and ILinks.consent are false the color will be a gradient with the two linked particles color

consent: boolean

If enabled the links will have a single random color, if ILinks.color value is "random"

distance: number

Sets the maximum particles link line length

enable: boolean

Enables the particles links

frequency: number
id?: string

Sets the link id, if two particles have a different link id they won't link together

opacity: number

Sets the maximum link opacity

shadow: LinksShadow

Enables the link line shadow Shadows in canvas are really heavy and this can affect negatively on performances, use with caution

triangles: LinksTriangle

Fills the triangles made by link lines

warp: boolean

Enable link lines warp, linking particles between edges like there's a warp portal at the edges

width: number

Sets the link line width

Methods