# Table of Contents - [tsParticles - v3.0.0](#tsparticles-v3-0-0) - [tsParticles - v3.0.0](#tsparticles-v3-0-0) - [IOptions | tsParticles - v3.0.0](#ioptions-tsparticles-v3-0-0) - [Options/Interfaces/IOptions | tsParticles - v3.0.0](#options-interfaces-ioptions-tsparticles-v3-0-0) - [RecursivePartial | tsParticles - v3.0.0](#recursivepartial-tsparticles-v3-0-0) - [SingleOrMultiple | tsParticles - v3.0.0](#singleormultiple-tsparticles-v3-0-0) - [RangeValue | tsParticles - v3.0.0](#rangevalue-tsparticles-v3-0-0) - [IFullScreen | tsParticles - v3.0.0](#ifullscreen-tsparticles-v3-0-0) - [IResponsive | tsParticles - v3.0.0](#iresponsive-tsparticles-v3-0-0) - [IManualParticle | tsParticles - v3.0.0](#imanualparticle-tsparticles-v3-0-0) - [ITheme | tsParticles - v3.0.0](#itheme-tsparticles-v3-0-0) - [IBackground | tsParticles - v3.0.0](#ibackground-tsparticles-v3-0-0) - [IBackgroundMask | tsParticles - v3.0.0](#ibackgroundmask-tsparticles-v3-0-0) - [IInteractivity | tsParticles - v3.0.0](#iinteractivity-tsparticles-v3-0-0) - [Options | tsParticles - v3.0.0](#options-tsparticles-v3-0-0) - [Container | tsParticles - v3.0.0](#container-tsparticles-v3-0-0) - [IParticlesOptions | tsParticles - v3.0.0](#iparticlesoptions-tsparticles-v3-0-0) - [tsParticles Engine - v3.8.1 | tsParticles - v3.0.0](#tsparticles-engine-v3-8-1-tsparticles-v3-0-0) - [Types/RangeValue | tsParticles - v3.0.0](#types-rangevalue-tsparticles-v3-0-0) - [Options/Interfaces/BackgroundMask/IBackgroundMask | tsParticles - v3.0.0](#options-interfaces-backgroundmask-ibackgroundmask-tsparticles-v3-0-0) - [Options/Interfaces/Background/IBackground | tsParticles - v3.0.0](#options-interfaces-background-ibackground-tsparticles-v3-0-0) - [Types/RecursivePartial | tsParticles - v3.0.0](#types-recursivepartial-tsparticles-v3-0-0) - [Options/Interfaces/FullScreen/IFullScreen | tsParticles - v3.0.0](#options-interfaces-fullscreen-ifullscreen-tsparticles-v3-0-0) - [Options/Interfaces/IManualParticle | tsParticles - v3.0.0](#options-interfaces-imanualparticle-tsparticles-v3-0-0) - [Types/SingleOrMultiple | tsParticles - v3.0.0](#types-singleormultiple-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/IInteractivity | tsParticles - v3.0.0](#options-interfaces-interactivity-iinteractivity-tsparticles-v3-0-0) - [Options/Interfaces/Theme/ITheme | tsParticles - v3.0.0](#options-interfaces-theme-itheme-tsparticles-v3-0-0) - [IRangeValue | tsParticles - v3.0.0](#irangevalue-tsparticles-v3-0-0) - [Options/Interfaces/IResponsive | tsParticles - v3.0.0](#options-interfaces-iresponsive-tsparticles-v3-0-0) - [Options/Interfaces/Particles/IParticlesOptions | tsParticles - v3.0.0](#options-interfaces-particles-iparticlesoptions-tsparticles-v3-0-0) - [Core/Canvas | tsParticles - v3.0.0](#core-canvas-tsparticles-v3-0-0) - [Options/Classes/Options | tsParticles - v3.0.0](#options-classes-options-tsparticles-v3-0-0) - [Core/Container | tsParticles - v3.0.0](#core-container-tsparticles-v3-0-0) - [ResponsiveMode | tsParticles - v3.0.0](#responsivemode-tsparticles-v3-0-0) - [IThemeDefault | tsParticles - v3.0.0](#ithemedefault-tsparticles-v3-0-0) - [InteractivityDetect | tsParticles - v3.0.0](#interactivitydetect-tsparticles-v3-0-0) - [ICoordinatesWithMode | tsParticles - v3.0.0](#icoordinateswithmode-tsparticles-v3-0-0) - [IColor | tsParticles - v3.0.0](#icolor-tsparticles-v3-0-0) - [FullScreen | tsParticles - v3.0.0](#fullscreen-tsparticles-v3-0-0) - [IParticlesBounce | tsParticles - v3.0.0](#iparticlesbounce-tsparticles-v3-0-0) - [IRangeColor | tsParticles - v3.0.0](#irangecolor-tsparticles-v3-0-0) - [Core/Engine | tsParticles - v3.0.0](#core-engine-tsparticles-v3-0-0) - [IBackgroundMaskCover | tsParticles - v3.0.0](#ibackgroundmaskcover-tsparticles-v3-0-0) - [Background | tsParticles - v3.0.0](#background-tsparticles-v3-0-0) - [IEvents | tsParticles - v3.0.0](#ievents-tsparticles-v3-0-0) - [IOptionsColor | tsParticles - v3.0.0](#ioptionscolor-tsparticles-v3-0-0) - [Responsive | tsParticles - v3.0.0](#responsive-tsparticles-v3-0-0) - [ManualParticle | tsParticles - v3.0.0](#manualparticle-tsparticles-v3-0-0) - [IModes | tsParticles - v3.0.0](#imodes-tsparticles-v3-0-0) - [Theme | tsParticles - v3.0.0](#theme-tsparticles-v3-0-0) - [Core/Interfaces/IBounds | tsParticles - v3.0.0](#core-interfaces-ibounds-tsparticles-v3-0-0) - [ICollisions | tsParticles - v3.0.0](#icollisions-tsparticles-v3-0-0) - [BackgroundMask | tsParticles - v3.0.0](#backgroundmask-tsparticles-v3-0-0) - [Core/Interfaces/IBubbleParticleData | tsParticles - v3.0.0](#core-interfaces-ibubbleparticledata-tsparticles-v3-0-0) - [IEffect | tsParticles - v3.0.0](#ieffect-tsparticles-v3-0-0) - [Canvas | tsParticles - v3.0.0](#canvas-tsparticles-v3-0-0) - [ParticlesGroups | tsParticles - v3.0.0](#particlesgroups-tsparticles-v3-0-0) - [Core/Interfaces/ICircleBouncer | tsParticles - v3.0.0](#core-interfaces-icirclebouncer-tsparticles-v3-0-0) - [Core/Interfaces/IColorManager | tsParticles - v3.0.0](#core-interfaces-icolormanager-tsparticles-v3-0-0) - [IEffectDrawer | tsParticles - v3.0.0](#ieffectdrawer-tsparticles-v3-0-0) - [IAnimatableColor | tsParticles - v3.0.0](#ianimatablecolor-tsparticles-v3-0-0) - [Core/Interfaces/IContainerInteractivity | tsParticles - v3.0.0](#core-interfaces-icontainerinteractivity-tsparticles-v3-0-0) - [Interactivity | tsParticles - v3.0.0](#interactivity-tsparticles-v3-0-0) - [IContainerInteractivity | tsParticles - v3.0.0](#icontainerinteractivity-tsparticles-v3-0-0) - [Core/Interfaces/IContainerPlugin | tsParticles - v3.0.0](#core-interfaces-icontainerplugin-tsparticles-v3-0-0) - [Core/Interfaces/Colors | tsParticles - v3.0.0](#core-interfaces-colors-tsparticles-v3-0-0) - [IParticlesNumber | tsParticles - v3.0.0](#iparticlesnumber-tsparticles-v3-0-0) - [IOpacity | tsParticles - v3.0.0](#iopacity-tsparticles-v3-0-0) - [IMovePathGenerator | tsParticles - v3.0.0](#imovepathgenerator-tsparticles-v3-0-0) - [Core/Interfaces/IDelta | tsParticles - v3.0.0](#core-interfaces-idelta-tsparticles-v3-0-0) - [IShadow | tsParticles - v3.0.0](#ishadow-tsparticles-v3-0-0) - [IShape | tsParticles - v3.0.0](#ishape-tsparticles-v3-0-0) - [Core/Interfaces/ICoordinates | tsParticles - v3.0.0](#core-interfaces-icoordinates-tsparticles-v3-0-0) - [Retina | tsParticles - v3.0.0](#retina-tsparticles-v3-0-0) - [Core/Interfaces/IDimension | tsParticles - v3.0.0](#core-interfaces-idimension-tsparticles-v3-0-0) - [Core/Interfaces/IDistance | tsParticles - v3.0.0](#core-interfaces-idistance-tsparticles-v3-0-0) - [Engine | tsParticles - v3.0.0](#engine-tsparticles-v3-0-0) - [Core/Interfaces/IDrawParticleParams | tsParticles - v3.0.0](#core-interfaces-idrawparticleparams-tsparticles-v3-0-0) - [ISize | tsParticles - v3.0.0](#isize-tsparticles-v3-0-0) - [Core/Interfaces/IExternalInteractor | tsParticles - v3.0.0](#core-interfaces-iexternalinteractor-tsparticles-v3-0-0) - [Core/Interfaces/IEffectDrawer | tsParticles - v3.0.0](#core-interfaces-ieffectdrawer-tsparticles-v3-0-0) - [ParticlesOptions | tsParticles - v3.0.0](#particlesoptions-tsparticles-v3-0-0) - [IMove | tsParticles - v3.0.0](#imove-tsparticles-v3-0-0) - [Core/Interfaces/ILoadParams | tsParticles - v3.0.0](#core-interfaces-iloadparams-tsparticles-v3-0-0) - [Core/Interfaces/IInteractor | tsParticles - v3.0.0](#core-interfaces-iinteractor-tsparticles-v3-0-0) - [Core/Interfaces/IMouseData | tsParticles - v3.0.0](#core-interfaces-imousedata-tsparticles-v3-0-0) - [IContainerPlugin | tsParticles - v3.0.0](#icontainerplugin-tsparticles-v3-0-0) - [IShapeDrawer | tsParticles - v3.0.0](#ishapedrawer-tsparticles-v3-0-0) - [IStroke | tsParticles - v3.0.0](#istroke-tsparticles-v3-0-0) - [Core/Interfaces/IParticleColorStyle | tsParticles - v3.0.0](#core-interfaces-iparticlecolorstyle-tsparticles-v3-0-0) - [Core/Interfaces/IMovePathGenerator | tsParticles - v3.0.0](#core-interfaces-imovepathgenerator-tsparticles-v3-0-0) - [Particles | tsParticles - v3.0.0](#particles-tsparticles-v3-0-0) - [Core/Interfaces/IParticleLife | tsParticles - v3.0.0](#core-interfaces-iparticlelife-tsparticles-v3-0-0) - [Core/Interfaces/IParticleHslAnimation | tsParticles - v3.0.0](#core-interfaces-iparticlehslanimation-tsparticles-v3-0-0) - [IZIndex | tsParticles - v3.0.0](#izindex-tsparticles-v3-0-0) - [Core/Interfaces/IParticleRetinaProps | tsParticles - v3.0.0](#core-interfaces-iparticleretinaprops-tsparticles-v3-0-0) - [Core/Interfaces/IParticleMover | tsParticles - v3.0.0](#core-interfaces-iparticlemover-tsparticles-v3-0-0) - [Core/Interfaces/IParticlesInteractor | tsParticles - v3.0.0](#core-interfaces-iparticlesinteractor-tsparticles-v3-0-0) - [Core/Interfaces/IParticleRoll | tsParticles - v3.0.0](#core-interfaces-iparticleroll-tsparticles-v3-0-0) - [Core/Interfaces/IParticleTransformValues | tsParticles - v3.0.0](#core-interfaces-iparticletransformvalues-tsparticles-v3-0-0) - [Core/Interfaces/IPlugin | tsParticles - v3.0.0](#core-interfaces-iplugin-tsparticles-v3-0-0) - [Core/Interfaces/IParticleUpdater | tsParticles - v3.0.0](#core-interfaces-iparticleupdater-tsparticles-v3-0-0) - [Core/Interfaces/IParticleValueAnimation | tsParticles - v3.0.0](#core-interfaces-iparticlevalueanimation-tsparticles-v3-0-0) - [Core/Interfaces/IPositionFromSizeParams | tsParticles - v3.0.0](#core-interfaces-ipositionfromsizeparams-tsparticles-v3-0-0) - [Core/Interfaces/IRangeValue | tsParticles - v3.0.0](#core-interfaces-irangevalue-tsparticles-v3-0-0) - [Core/Interfaces/IRectSideResult | tsParticles - v3.0.0](#core-interfaces-irectsideresult-tsparticles-v3-0-0) - [IOptionLoader | tsParticles - v3.0.0](#ioptionloader-tsparticles-v3-0-0) - [Particle | tsParticles - v3.0.0](#particle-tsparticles-v3-0-0) - [Core/Interfaces/IShapeDrawData | tsParticles - v3.0.0](#core-interfaces-ishapedrawdata-tsparticles-v3-0-0) - [Core/Interfaces/IShapeDrawer | tsParticles - v3.0.0](#core-interfaces-ishapedrawer-tsparticles-v3-0-0) - [Core/Interfaces/IShapeValues | tsParticles - v3.0.0](#core-interfaces-ishapevalues-tsparticles-v3-0-0) - [Core/Interfaces/ISlowParticleData | tsParticles - v3.0.0](#core-interfaces-islowparticledata-tsparticles-v3-0-0) - [Core/Interfaces/ITrailFillData | tsParticles - v3.0.0](#core-interfaces-itrailfilldata-tsparticles-v3-0-0) - [Core/Particle | tsParticles - v3.0.0](#core-particle-tsparticles-v3-0-0) - [Core/Particles | tsParticles - v3.0.0](#core-particles-tsparticles-v3-0-0) - [Core/Retina | tsParticles - v3.0.0](#core-retina-tsparticles-v3-0-0) - [Core/Utils/ExternalInteractorBase | tsParticles - v3.0.0](#core-utils-externalinteractorbase-tsparticles-v3-0-0) - [Core/Utils/EventListeners | tsParticles - v3.0.0](#core-utils-eventlisteners-tsparticles-v3-0-0) - [Core/Utils/InteractionManager | tsParticles - v3.0.0](#core-utils-interactionmanager-tsparticles-v3-0-0) - [Core/Utils/ParticlesInteractorBase | tsParticles - v3.0.0](#core-utils-particlesinteractorbase-tsparticles-v3-0-0) - [Core/Utils/Point | tsParticles - v3.0.0](#core-utils-point-tsparticles-v3-0-0) - [Core/Utils/Constants | tsParticles - v3.0.0](#core-utils-constants-tsparticles-v3-0-0) - [Core/Utils/QuadTree | tsParticles - v3.0.0](#core-utils-quadtree-tsparticles-v3-0-0) - [bundle | tsParticles - v3.0.0](#bundle-tsparticles-v3-0-0) - [Core/Utils/Ranges | tsParticles - v3.0.0](#core-utils-ranges-tsparticles-v3-0-0) - [Core/Utils/Vectors | tsParticles - v3.0.0](#core-utils-vectors-tsparticles-v3-0-0) - [Enums/AnimationStatus | tsParticles - v3.0.0](#enums-animationstatus-tsparticles-v3-0-0) - [Enums/Directions/MoveDirection | tsParticles - v3.0.0](#enums-directions-movedirection-tsparticles-v3-0-0) - [Enums/Directions/OutModeDirection | tsParticles - v3.0.0](#enums-directions-outmodedirection-tsparticles-v3-0-0) - [Enums/InteractivityDetect | tsParticles - v3.0.0](#enums-interactivitydetect-tsparticles-v3-0-0) - [Enums/Directions/RotateDirection | tsParticles - v3.0.0](#enums-directions-rotatedirection-tsparticles-v3-0-0) - [Enums/Modes/AnimationMode | tsParticles - v3.0.0](#enums-modes-animationmode-tsparticles-v3-0-0) - [Enums/Modes/CollisionMode | tsParticles - v3.0.0](#enums-modes-collisionmode-tsparticles-v3-0-0) - [Enums/Modes/LimitMode | tsParticles - v3.0.0](#enums-modes-limitmode-tsparticles-v3-0-0) - [Enums/Modes/OutMode | tsParticles - v3.0.0](#enums-modes-outmode-tsparticles-v3-0-0) - [Enums/Modes/PixelMode | tsParticles - v3.0.0](#enums-modes-pixelmode-tsparticles-v3-0-0) - [Enums/Modes/ResponsiveMode | tsParticles - v3.0.0](#enums-modes-responsivemode-tsparticles-v3-0-0) - [Enums/Modes/ThemeMode | tsParticles - v3.0.0](#enums-modes-thememode-tsparticles-v3-0-0) - [Enums/Types/AlterType | tsParticles - v3.0.0](#enums-types-altertype-tsparticles-v3-0-0) - [Enums/Types/DivType | tsParticles - v3.0.0](#enums-types-divtype-tsparticles-v3-0-0) - [Enums/Types/DestroyType | tsParticles - v3.0.0](#enums-types-destroytype-tsparticles-v3-0-0) - [Enums/Types/EasingType | tsParticles - v3.0.0](#enums-types-easingtype-tsparticles-v3-0-0) - [Enums/Types/EventType | tsParticles - v3.0.0](#enums-types-eventtype-tsparticles-v3-0-0) - [Enums/Types/GradientType | tsParticles - v3.0.0](#enums-types-gradienttype-tsparticles-v3-0-0) - [Enums/Types/InteractorType | tsParticles - v3.0.0](#enums-types-interactortype-tsparticles-v3-0-0) - [Enums/Types/ParticleOutType | tsParticles - v3.0.0](#enums-types-particleouttype-tsparticles-v3-0-0) - [Enums/Types/StartValueType | tsParticles - v3.0.0](#enums-types-startvaluetype-tsparticles-v3-0-0) - [init | tsParticles - v3.0.0](#init-tsparticles-v3-0-0) - [Options/Classes/AnimationOptions | tsParticles - v3.0.0](#options-classes-animationoptions-tsparticles-v3-0-0) - [Options/Classes/AnimatableColor | tsParticles - v3.0.0](#options-classes-animatablecolor-tsparticles-v3-0-0) - [Options/Classes/Background/Background | tsParticles - v3.0.0](#options-classes-background-background-tsparticles-v3-0-0) - [Options/Classes/BackgroundMask/BackgroundMask | tsParticles - v3.0.0](#options-classes-backgroundmask-backgroundmask-tsparticles-v3-0-0) - [Options/Classes/ColorAnimation | tsParticles - v3.0.0](#options-classes-coloranimation-tsparticles-v3-0-0) - [Options/Classes/FullScreen/FullScreen | tsParticles - v3.0.0](#options-classes-fullscreen-fullscreen-tsparticles-v3-0-0) - [Options/Classes/BackgroundMask/BackgroundMaskCover | tsParticles - v3.0.0](#options-classes-backgroundmask-backgroundmaskcover-tsparticles-v3-0-0) - [Options/Classes/HslAnimation | tsParticles - v3.0.0](#options-classes-hslanimation-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Events/DivEvent | tsParticles - v3.0.0](#options-classes-interactivity-events-divevent-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Events/Parallax | tsParticles - v3.0.0](#options-classes-interactivity-events-parallax-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Events/ClickEvent | tsParticles - v3.0.0](#options-classes-interactivity-events-clickevent-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Events/Events | tsParticles - v3.0.0](#options-classes-interactivity-events-events-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Interactivity | tsParticles - v3.0.0](#options-classes-interactivity-interactivity-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Events/HoverEvent | tsParticles - v3.0.0](#options-classes-interactivity-events-hoverevent-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Modes/Modes | tsParticles - v3.0.0](#options-classes-interactivity-modes-modes-tsparticles-v3-0-0) - [Options/Classes/Interactivity/Events/ResizeEvent | tsParticles - v3.0.0](#options-classes-interactivity-events-resizeevent-tsparticles-v3-0-0) - [Options/Classes/ManualParticle | tsParticles - v3.0.0](#options-classes-manualparticle-tsparticles-v3-0-0) - [Options/Classes/OptionsColor | tsParticles - v3.0.0](#options-classes-optionscolor-tsparticles-v3-0-0) - [Options/Classes/Particles/Bounce/ParticlesBounce | tsParticles - v3.0.0](#options-classes-particles-bounce-particlesbounce-tsparticles-v3-0-0) - [Options/Classes/Particles/Bounce/ParticlesBounceFactor | tsParticles - v3.0.0](#options-classes-particles-bounce-particlesbouncefactor-tsparticles-v3-0-0) - [Options/Classes/Particles/Collisions/CollisionsOverlap | tsParticles - v3.0.0](#options-classes-particles-collisions-collisionsoverlap-tsparticles-v3-0-0) - [Options/Classes/Particles/Effect/Effect | tsParticles - v3.0.0](#options-classes-particles-effect-effect-tsparticles-v3-0-0) - [Options/Classes/Particles/Collisions/CollisionsAbsorb | tsParticles - v3.0.0](#options-classes-particles-collisions-collisionsabsorb-tsparticles-v3-0-0) - [Options/Classes/Particles/Collisions/Collisions | tsParticles - v3.0.0](#options-classes-particles-collisions-collisions-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/MoveAngle | tsParticles - v3.0.0](#options-classes-particles-move-moveangle-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/Move | tsParticles - v3.0.0](#options-classes-particles-move-move-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/MoveAttract | tsParticles - v3.0.0](#options-classes-particles-move-moveattract-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/MoveTrail | tsParticles - v3.0.0](#options-classes-particles-move-movetrail-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/MoveGravity | tsParticles - v3.0.0](#options-classes-particles-move-movegravity-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/MoveCenter | tsParticles - v3.0.0](#options-classes-particles-move-movecenter-tsparticles-v3-0-0) - [Options/Classes/Particles/Number/ParticlesNumber | tsParticles - v3.0.0](#options-classes-particles-number-particlesnumber-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/Path/MovePath | tsParticles - v3.0.0](#options-classes-particles-move-path-movepath-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/OutModes | tsParticles - v3.0.0](#options-classes-particles-move-outmodes-tsparticles-v3-0-0) - [Options/Classes/Particles/Number/ParticlesNumberLimit | tsParticles - v3.0.0](#options-classes-particles-number-particlesnumberlimit-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/MoveTrailFill | tsParticles - v3.0.0](#options-classes-particles-move-movetrailfill-tsparticles-v3-0-0) - [Options/Classes/Particles/Opacity/Opacity | tsParticles - v3.0.0](#options-classes-particles-opacity-opacity-tsparticles-v3-0-0) - [Options/Classes/Particles/ParticlesOptions | tsParticles - v3.0.0](#options-classes-particles-particlesoptions-tsparticles-v3-0-0) - [Options/Classes/Particles/Move/Spin | tsParticles - v3.0.0](#options-classes-particles-move-spin-tsparticles-v3-0-0) - [Options/Classes/Particles/Number/ParticlesDensity | tsParticles - v3.0.0](#options-classes-particles-number-particlesdensity-tsparticles-v3-0-0) - [Options/Classes/Particles/Shadow | tsParticles - v3.0.0](#options-classes-particles-shadow-tsparticles-v3-0-0) - [Options/Classes/Particles/Opacity/OpacityAnimation | tsParticles - v3.0.0](#options-classes-particles-opacity-opacityanimation-tsparticles-v3-0-0) - [Options/Classes/Particles/Size/Size | tsParticles - v3.0.0](#options-classes-particles-size-size-tsparticles-v3-0-0) - [Options/Classes/Particles/Shape/Shape | tsParticles - v3.0.0](#options-classes-particles-shape-shape-tsparticles-v3-0-0) - [Options/Classes/Particles/Stroke | tsParticles - v3.0.0](#options-classes-particles-stroke-tsparticles-v3-0-0) - [Options/Classes/Particles/Size/SizeAnimation | tsParticles - v3.0.0](#options-classes-particles-size-sizeanimation-tsparticles-v3-0-0) - [Options/Classes/Responsive | tsParticles - v3.0.0](#options-classes-responsive-tsparticles-v3-0-0) - [Options/Classes/Particles/ZIndex/ZIndex | tsParticles - v3.0.0](#options-classes-particles-zindex-zindex-tsparticles-v3-0-0) - [Options/Classes/Theme/ThemeDefault | tsParticles - v3.0.0](#options-classes-theme-themedefault-tsparticles-v3-0-0) - [Options/Classes/Theme/Theme | tsParticles - v3.0.0](#options-classes-theme-theme-tsparticles-v3-0-0) - [Options/Interfaces/BackgroundMask/IBackgroundMaskCover | tsParticles - v3.0.0](#options-interfaces-backgroundmask-ibackgroundmaskcover-tsparticles-v3-0-0) - [Options/Classes/ValueWithRandom | tsParticles - v3.0.0](#options-classes-valuewithrandom-tsparticles-v3-0-0) - [Options/Interfaces/IAnimatable | tsParticles - v3.0.0](#options-interfaces-ianimatable-tsparticles-v3-0-0) - [Options/Interfaces/IAnimation | tsParticles - v3.0.0](#options-interfaces-ianimation-tsparticles-v3-0-0) - [Options/Interfaces/IAnimatableColor | tsParticles - v3.0.0](#options-interfaces-ianimatablecolor-tsparticles-v3-0-0) - [Options/Interfaces/IHslAnimation | tsParticles - v3.0.0](#options-interfaces-ihslanimation-tsparticles-v3-0-0) - [Options/Interfaces/IColorAnimation | tsParticles - v3.0.0](#options-interfaces-icoloranimation-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Events/IClickEvent | tsParticles - v3.0.0](#options-interfaces-interactivity-events-iclickevent-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Events/IDivEvent | tsParticles - v3.0.0](#options-interfaces-interactivity-events-idivevent-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Events/IEvents | tsParticles - v3.0.0](#options-interfaces-interactivity-events-ievents-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Events/IHoverEvent | tsParticles - v3.0.0](#options-interfaces-interactivity-events-ihoverevent-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Events/IParallax | tsParticles - v3.0.0](#options-interfaces-interactivity-events-iparallax-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Events/IResizeEvent | tsParticles - v3.0.0](#options-interfaces-interactivity-events-iresizeevent-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Modes/IModeDiv | tsParticles - v3.0.0](#options-interfaces-interactivity-modes-imodediv-tsparticles-v3-0-0) - [export-types | tsParticles - v3.0.0](#export-types-tsparticles-v3-0-0) - [Options/Interfaces/Interactivity/Modes/IModes | tsParticles - v3.0.0](#options-interfaces-interactivity-modes-imodes-tsparticles-v3-0-0) - [Options/Interfaces/IOptionLoader | tsParticles - v3.0.0](#options-interfaces-ioptionloader-tsparticles-v3-0-0) - [exports | tsParticles - v3.0.0](#exports-tsparticles-v3-0-0) - [Options/Interfaces/IOptionsColor | tsParticles - v3.0.0](#options-interfaces-ioptionscolor-tsparticles-v3-0-0) - [Options/Interfaces/IValueWithRandom | tsParticles - v3.0.0](#options-interfaces-ivaluewithrandom-tsparticles-v3-0-0) - [index | tsParticles - v3.0.0](#index-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Bounce/IParticlesBounce | tsParticles - v3.0.0](#options-interfaces-particles-bounce-iparticlesbounce-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Collisions/ICollisions | tsParticles - v3.0.0](#options-interfaces-particles-collisions-icollisions-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Collisions/ICollisionsOverlap | tsParticles - v3.0.0](#options-interfaces-particles-collisions-icollisionsoverlap-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Collisions/ICollisionsAbsorb | tsParticles - v3.0.0](#options-interfaces-particles-collisions-icollisionsabsorb-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Effect/IEffect | tsParticles - v3.0.0](#options-interfaces-particles-effect-ieffect-tsparticles-v3-0-0) - [Options/Interfaces/Particles/IShadow | tsParticles - v3.0.0](#options-interfaces-particles-ishadow-tsparticles-v3-0-0) - [Options/Interfaces/Particles/IStroke | tsParticles - v3.0.0](#options-interfaces-particles-istroke-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IMove | tsParticles - v3.0.0](#options-interfaces-particles-move-imove-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IMoveAngle | tsParticles - v3.0.0](#options-interfaces-particles-move-imoveangle-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IMoveAttract | tsParticles - v3.0.0](#options-interfaces-particles-move-imoveattract-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IMoveCenter | tsParticles - v3.0.0](#options-interfaces-particles-move-imovecenter-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IMoveGravity | tsParticles - v3.0.0](#options-interfaces-particles-move-imovegravity-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IMoveTrail | tsParticles - v3.0.0](#options-interfaces-particles-move-imovetrail-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IMoveTrailFill | tsParticles - v3.0.0](#options-interfaces-particles-move-imovetrailfill-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/IOutModes | tsParticles - v3.0.0](#options-interfaces-particles-move-ioutmodes-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/ISpin | tsParticles - v3.0.0](#options-interfaces-particles-move-ispin-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Move/Path/IMovePath | tsParticles - v3.0.0](#options-interfaces-particles-move-path-imovepath-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Number/IParticlesDensity | tsParticles - v3.0.0](#options-interfaces-particles-number-iparticlesdensity-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Number/IParticlesNumber | tsParticles - v3.0.0](#options-interfaces-particles-number-iparticlesnumber-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Number/IParticlesNumberLimit | tsParticles - v3.0.0](#options-interfaces-particles-number-iparticlesnumberlimit-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Opacity/IOpacity | tsParticles - v3.0.0](#options-interfaces-particles-opacity-iopacity-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Opacity/IOpacityAnimation | tsParticles - v3.0.0](#options-interfaces-particles-opacity-iopacityanimation-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Shape/IShape | tsParticles - v3.0.0](#options-interfaces-particles-shape-ishape-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Size/ISizeAnimation | tsParticles - v3.0.0](#options-interfaces-particles-size-isizeanimation-tsparticles-v3-0-0) - [Options/Interfaces/Particles/Size/ISize | tsParticles - v3.0.0](#options-interfaces-particles-size-isize-tsparticles-v3-0-0) - [Options/Interfaces/Particles/ZIndex/IZIndex | tsParticles - v3.0.0](#options-interfaces-particles-zindex-izindex-tsparticles-v3-0-0) - [Options/Interfaces/Theme/IThemeDefault | tsParticles - v3.0.0](#options-interfaces-theme-ithemedefault-tsparticles-v3-0-0) - [Types/CustomEventArgs | tsParticles - v3.0.0](#types-customeventargs-tsparticles-v3-0-0) - [Types/CustomEventListener | tsParticles - v3.0.0](#types-customeventlistener-tsparticles-v3-0-0) - [Types/EasingFunction | tsParticles - v3.0.0](#types-easingfunction-tsparticles-v3-0-0) - [Types/ExportResult | tsParticles - v3.0.0](#types-exportresult-tsparticles-v3-0-0) - [Types/ISourceOptions | tsParticles - v3.0.0](#types-isourceoptions-tsparticles-v3-0-0) --- # tsParticles - v3.0.0 tsParticles - v3.0.0 ==================== [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org/) tsParticles - TypeScript Particles[](https://particles.js.org/docs/index.html#md:tsparticles---typescript-particles) ===================================================================================================================== **A lightweight TypeScript library for creating particles. Dependency free (\*), browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components** [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni?style=for-the-badge)](https://github.com/sponsors/matteobruni) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/tsparticles?style=for-the-badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![Cdnjs](https://img.shields.io/cdnjs/v/tsparticles-engine?style=for-the-badge)](https://cdnjs.com/libraries/tsparticles) [![npm](https://img.shields.io/npm/v/tsparticles-engine?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) [![npm](https://img.shields.io/npm/dm/tsparticles?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff?style=for-the-badge)](https://lerna.js.org/) [![CodeFactor](https://www.codefactor.io/repository/github/matteobruni/tsparticles/badge)](https://www.codefactor.io/repository/github/matteobruni/tsparticles) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b983aaf3461a4c48b1e2eecce1ff1d74)](https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&utm_medium=referral&utm_content=matteobruni/tsparticles&utm_campaign=Badge_Grade) [![Rate this package](https://badges.openbase.com/js/rating/tsparticles.svg?style=openbase&token=A9jHQ1nkb6fnCndKM7O2w4hx3OD8PVCuqHtSpw8mMOg=)](https://openbase.com/js/tsparticles?utm_source=embedded&utm_medium=badge&utm_campaign=rating-badge&utm_term=js/tsparticles) [![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/matteobruni/tsparticles) [![Run on Repl.it](https://repl.it/badge/github/matteobruni/tsparticles)](https://repl.it/github/matteobruni/tsparticles) [![Discord](https://img.shields.io/discord/872061157379301416?label=discord&logo=discord&logoColor=white&style=for-the-badge)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles) [![Reddit](https://img.shields.io/reddit/subreddit-subscribers/tsParticles?style=for-the-badge)](https://www.reddit.com/r/tsParticles/) [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles%22) [![Buy Me A Coffee](https://img.buymeacoffee.com/button-api/?text=Buy%20me%20a%20beer&emoji=%F0%9F%8D%BA&slug=matteobruni&button_colour=5F7FFF&font_colour=ffffff&font_family=Arial&outline_colour=000000&coffee_colour=FFDD00%22)](https://www.buymeacoffee.com/matteobruni) * * * Table of Contents[](https://particles.js.org/docs/index.html#md:table-of-contents) ----------------------------------------------------------------------------------- ⚠️⚠️ \_This readme refers to **v2** version, [read here](https://github.com/matteobruni/tsparticles/tree/v1#readme) for **v1** documentation\* ⚠️⚠️ * [tsParticles - TypeScript Particles](https://particles.js.org/docs/index.html#md:tsparticles---typescript-particles) * [Table of Contents](https://particles.js.org/docs/index.html#md:table-of-contents) * [Do you want to use it on your website?](https://particles.js.org/docs/index.html#md:do-you-want-to-use-it-on-your-website) * [**_Library installation_**](https://particles.js.org/docs/index.html#md:library-installation) * [**_Hosting / CDN_**](https://particles.js.org/docs/index.html#md:hosting--cdn) * [jsDelivr](https://particles.js.org/docs/index.html#md:jsdelivr) * [cdnjs](https://particles.js.org/docs/index.html#md:cdnjs) * [unpkg](https://particles.js.org/docs/index.html#md:unpkg) * [**_npm_**](https://particles.js.org/docs/index.html#md:npm) * [**_yarn_**](https://particles.js.org/docs/index.html#md:yarn) * [**_pnpm_**](https://particles.js.org/docs/index.html#md:pnpm) * [Import and require](https://particles.js.org/docs/index.html#md:import-and-require) * [**_Usage_**](https://particles.js.org/docs/index.html#md:usage) * [Official components for some of the most used frameworks](https://particles.js.org/docs/index.html#md:official-components-for-some-of-the-most-used-frameworks) * [Angular](https://particles.js.org/docs/index.html#md:angular) * [Astro](https://particles.js.org/docs/index.html#md:astro) * [Ember.js](https://particles.js.org/docs/index.html#md:emberjs) * [Inferno](https://particles.js.org/docs/index.html#md:inferno) * [jQuery](https://particles.js.org/docs/index.html#md:jquery) * [Preact](https://particles.js.org/docs/index.html#md:preact) * [ReactJS](https://particles.js.org/docs/index.html#md:reactjs) * [RiotJS](https://particles.js.org/docs/index.html#md:riotjs) * [`riot-particles`](https://particles.js.org/docs/index.html#md:riot-particles) * [SolidJS](https://particles.js.org/docs/index.html#md:solidjs) * [`solid-particles`](https://particles.js.org/docs/index.html#md:solid-particles) * [Svelte](https://particles.js.org/docs/index.html#md:svelte) * [VueJS 2.x](https://particles.js.org/docs/index.html#md:vuejs-2x) * [VueJS 3.x](https://particles.js.org/docs/index.html#md:vuejs-3x) * [Web Components](https://particles.js.org/docs/index.html#md:web-components) * [`web-particles`](https://particles.js.org/docs/index.html#md:web-particles) * [WordPress](https://particles.js.org/docs/index.html#md:wordpress) * [`wordpress-particles`](https://particles.js.org/docs/index.html#md:wordpress-particles) * [Elementor](https://particles.js.org/docs/index.html#md:elementor) * [Presets](https://particles.js.org/docs/index.html#md:presets) * [Big Circles](https://particles.js.org/docs/index.html#md:big-circles) * [Bubbles](https://particles.js.org/docs/index.html#md:bubbles) * [Confetti](https://particles.js.org/docs/index.html#md:confetti) * [Fire](https://particles.js.org/docs/index.html#md:fire) * [Firefly](https://particles.js.org/docs/index.html#md:firefly) * [Fireworks](https://particles.js.org/docs/index.html#md:fireworks) * [Fountain](https://particles.js.org/docs/index.html#md:fountain) * [Links](https://particles.js.org/docs/index.html#md:links) * [Sea Anemone](https://particles.js.org/docs/index.html#md:sea-anemone) * [Snow](https://particles.js.org/docs/index.html#md:snow) * [Stars](https://particles.js.org/docs/index.html#md:stars) * [Triangles](https://particles.js.org/docs/index.html#md:triangles) * [Templates and Resources](https://particles.js.org/docs/index.html#md:templates-and-resources) * [**_Demo / Generator_**](https://particles.js.org/docs/index.html#md:demo--generator) * [**_Video Tutorials_**](https://particles.js.org/docs/index.html#md:video-tutorials) * [Characters as particles](https://particles.js.org/docs/index.html#md:characters-as-particles) * [Polygon mask](https://particles.js.org/docs/index.html#md:polygon-mask) * [Animated stars](https://particles.js.org/docs/index.html#md:animated-stars) * [Nyan cat flying on scrolling stars](https://particles.js.org/docs/index.html#md:nyan-cat-flying-on-scrolling-stars) * [Snow particles](https://particles.js.org/docs/index.html#md:snow-particles) * [Background Mask particles](https://particles.js.org/docs/index.html#md:background-mask-particles) * [**_Options_**](https://particles.js.org/docs/index.html#md:options) * [Want to see it in action and try it?](https://particles.js.org/docs/index.html#md:want-to-see-it-in-action-and-try-it) * [Migrating from Particles.js](https://particles.js.org/docs/index.html#md:migrating-from-particlesjs) * [Plugins/Customizations](https://particles.js.org/docs/index.html#md:pluginscustomizations) * [Dependency Graphs](https://particles.js.org/docs/index.html#md:dependency-graphs) * [Huge thanks to JetBrains for the 2020-2022 Open Source Licenses!](https://particles.js.org/docs/index.html#md:huge-thanks-to-jetbrains-for-the-2020-2022-open-source-licenses) * * * Do you want to use it on your website?[](https://particles.js.org/docs/index.html#md:do-you-want-to-use-it-on-your-website) ---------------------------------------------------------------------------------------------------------------------------- _Documentation and Development references [here](https://particles.js.org/docs/) 📖_ **This library is available on two of the most popular CDNs and it's easy and ready to use, if you were using particles.js it's even easier**. You'll find the instructions [below](https://github.com/matteobruni/tsparticles/blob/main/README.md#library-installation) , with all the links you need, and _don't be scared by **TypeScript**, it's just the source language_. **The output files are just JavaScript**. 🤩 CDNs and `npm` have all the sources you need in **Javascript**, a bundle browser ready (tsparticles.engine.min.js), and all files splitted for `import` syntax. **If you are interested** there are some _simple instructions_ just [below](https://github.com/matteobruni/tsparticles/blob/main/README.md#library-installation) to guide you to migrate from the old particles.js library. **_Library installation_**[](https://particles.js.org/docs/index.html#md:library-installation) ----------------------------------------------------------------------------------------------- ### **_Hosting / CDN_**[](https://particles.js.org/docs/index.html#md:hosting--cdn) **_Please use these hosts or your own to load tsParticles on your projects_** #### jsDelivr[](https://particles.js.org/docs/index.html#md:jsdelivr) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-confetti/badge)](https://www.jsdelivr.com/package/npm/tsparticles-confetti) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-engine/badge)](https://www.jsdelivr.com/package/npm/tsparticles-engine) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-fireworks/badge)](https://www.jsdelivr.com/package/npm/tsparticles-fireworks) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-slim/badge)](https://www.jsdelivr.com/package/npm/tsparticles-slim) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles/badge)](https://www.jsdelivr.com/package/npm/tsparticles) #### cdnjs[](https://particles.js.org/docs/index.html#md:cdnjs) [![Cdnjs](https://img.shields.io/cdnjs/v/tsparticles)](https://cdnjs.com/libraries/tsparticles) #### unpkg[](https://particles.js.org/docs/index.html#md:unpkg) [https://unpkg.com/tsparticles-confetti/](https://unpkg.com/tsparticles-confetti/) [https://unpkg.com/tsparticles-engine/](https://unpkg.com/tsparticles-engine/) [https://unpkg.com/tsparticles-fireworks/](https://unpkg.com/tsparticles-fireworks/) [https://unpkg.com/tsparticles-slim/](https://unpkg.com/tsparticles-slim/) [https://unpkg.com/tsparticles/](https://unpkg.com/tsparticles/) * * * ### **_npm_**[](https://particles.js.org/docs/index.html#md:npm) _tsParticles Confetti_ [![npm](https://img.shields.io/npm/v/tsparticles-confetti?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-confetti) [![npmjs](https://img.shields.io/npm/dt/tsparticles-confetti?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-confetti) _tsParticles Engine_ [![npm](https://img.shields.io/npm/v/tsparticles-engine?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-engine) [![npmjs](https://img.shields.io/npm/dt/tsparticles-engine?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-engine) _tsParticles Fireworks_ [![npm](https://img.shields.io/npm/v/tsparticles-fireworks?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-fireworks) [![npmjs](https://img.shields.io/npm/dt/tsparticles-fireworks?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-fireworks) _tsParticles Slim_ [![npm](https://img.shields.io/npm/v/tsparticles-slim?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-slim) [![npmjs](https://img.shields.io/npm/dt/tsparticles-slim?style=for-the-badge)](https://www.npmjs.com/package/tsparticles-slim) _tsParticles_ [![npm](https://img.shields.io/npm/v/tsparticles?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) [![npmjs](https://img.shields.io/npm/dt/tsparticles?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) npm install tsparticles-engine ### **_yarn_**[](https://particles.js.org/docs/index.html#md:yarn) yarn add tsparticles-engine ### **_pnpm_**[](https://particles.js.org/docs/index.html#md:pnpm) pnpm install tsparticles-engine #### Import and require[](https://particles.js.org/docs/index.html#md:import-and-require) const tsParticles = require("tsparticles-engine");// orimport { tsParticles } from "tsparticles-engine"; The imported `tsParticles` is the same instance you have when including the script in the page using the ` **app.js** /* tsParticles.load(@params); */tsParticles.load({ id: "tsparticles", options: { /* options here */ }, // url: "http://foo.bar/particles.js // this can be used as an alternative to options property});// after initialization this can be used./* tsParticles.setOnClickHandler(@callback); *//* this will be fired from all particles loaded */tsParticles.setOnClickHandler((event, particles) => { /* custom on click handler */});// now you can control the animations too, it's possible to pause and resume the animations// these methods don't change the config so you're safe with all your configurations// domItem(0) returns the first tsParticles instance loaded in the domconst particles = tsParticles.domItem(0);// play will start the animations, if the move is not enabled it won't enable it, it just updates the frameparticles.play();// pause will stop the animationsparticles.pause(); * * * Official components for some of the most used frameworks[](https://particles.js.org/docs/index.html#md:official-components-for-some-of-the-most-used-frameworks) ----------------------------------------------------------------------------------------------------------------------------------------------------------------- ### Angular[](https://particles.js.org/docs/index.html#md:angular) `ng-particles` [![npm](https://img.shields.io/npm/v/ng-particles?style=for-the-badge)](https://www.npmjs.com/package/ng-particles) [![npm](https://img.shields.io/npm/dm/ng-particles?style=for-the-badge)](https://www.npmjs.com/package/ng-particles) Instructions available [here](https://github.com/tsparticles/angular/#readme) ### Astro[](https://particles.js.org/docs/index.html#md:astro) `astro-particles` [![npm](https://img.shields.io/npm/v/astro-particles?style=for-the-badge)](https://www.npmjs.com/package/astro-particles) [![npm](https://img.shields.io/npm/dm/astro-particles?style=for-the-badge)](https://www.npmjs.com/package/astro-particles) Instructions available [here](https://github.com/tsparticles/astro/#readme) ### Ember.js[](https://particles.js.org/docs/index.html#md:emberjs) `ember-tsparticles` [![npm](https://img.shields.io/npm/v/ember-tsparticles?style=for-the-badge)](https://www.npmjs.com/package/ember-tsparticles) [![npm](https://img.shields.io/npm/dm/ember-tsparticles?style=for-the-badge)](https://www.npmjs.com/package/ember-tsparticles) Instructions available [here](https://github.com/tsparticles/ember/#readme) ### Inferno[](https://particles.js.org/docs/index.html#md:inferno) `inferno-particles` [![npm](https://img.shields.io/npm/v/inferno-particles?style=for-the-badge)](https://www.npmjs.com/package/inferno-particles) [![npm](https://img.shields.io/npm/dm/inferno-particles?style=for-the-badge)](https://www.npmjs.com/package/inferno-particles) Instructions available [here](https://github.com/tsparticles/inferno/#readme) ### jQuery[](https://particles.js.org/docs/index.html#md:jquery) `jquery-particles` [![npm](https://img.shields.io/npm/v/jquery-particles?style=for-the-badge)](https://www.npmjs.com/package/jquery-particles) [![npm](https://img.shields.io/npm/dm/jquery-particles?style=for-the-badge)](https://www.npmjs.com/package/jquery-particles) Instructions available [here](https://github.com/tsparticles/jquery/#readme) ### Preact[](https://particles.js.org/docs/index.html#md:preact) `preact-particles` [![npm](https://img.shields.io/npm/v/preact-particles?style=for-the-badge)](https://www.npmjs.com/package/preact-particles) [![npm](https://img.shields.io/npm/dm/preact-particles?style=for-the-badge)](https://www.npmjs.com/package/preact-particles) Instructions available [here](https://github.com/tsparticles/preact/#readme) ### ReactJS[](https://particles.js.org/docs/index.html#md:reactjs) `react-particles` [![npm](https://img.shields.io/npm/v/react-particles?style=for-the-badge)](https://www.npmjs.com/package/react-particles) [![npm](https://img.shields.io/npm/dm/react-particles?style=for-the-badge)](https://www.npmjs.com/package/react-particles) Instructions available [here](https://github.com/tsparticles/react/#readme) ### RiotJS[](https://particles.js.org/docs/index.html#md:riotjs) #### `riot-particles`[](https://particles.js.org/docs/index.html#md:riot-particles) [![npm](https://img.shields.io/npm/v/riot-particles?style=for-the-badge)](https://www.npmjs.com/package/riot-particles) [![npm](https://img.shields.io/npm/dm/riot-particles?style=for-the-badge)](https://www.npmjs.com/package/riot-particles) You can find the instructions [here](https://github.com/tsparticles/riot/#readme) ### SolidJS[](https://particles.js.org/docs/index.html#md:solidjs) #### `solid-particles`[](https://particles.js.org/docs/index.html#md:solid-particles) [![npm](https://img.shields.io/npm/v/solid-particles?style=for-the-badge)](https://www.npmjs.com/package/solid-particles) [![npm](https://img.shields.io/npm/dm/solid-particles?style=for-the-badge)](https://www.npmjs.com/package/solid-particles) You can find the instructions [here](https://github.com/tsparticles/solid/#readme) ### Svelte[](https://particles.js.org/docs/index.html#md:svelte) `svelte-particles` [![npm](https://img.shields.io/npm/v/svelte-particles?style=for-the-badge)](https://www.npmjs.com/package/svelte-particles) [![npm downloads](https://img.shields.io/npm/dm/svelte-particles?style=for-the-badge)](https://www.npmjs.com/package/svelte-particles) Instructions available [here](https://github.com/tsparticles/svelte/#readme) ### VueJS 2.x[](https://particles.js.org/docs/index.html#md:vuejs-2x) `vue2-particles` [![npm](https://img.shields.io/npm/v/vue2-particles?style=for-the-badge)](https://www.npmjs.com/package/vue2-particles) [![npm](https://img.shields.io/npm/dm/vue2-particles?style=for-the-badge)](https://www.npmjs.com/package/vue2-particles) Instructions available [here](https://github.com/tsparticles/vue2/#readme) ### VueJS 3.x[](https://particles.js.org/docs/index.html#md:vuejs-3x) `vue3-particles` [![npm](https://img.shields.io/npm/v/vue3-particles?style=for-the-badge)](https://www.npmjs.com/package/vue3-particles) [![npm](https://img.shields.io/npm/dm/vue3-particles?style=for-the-badge)](https://www.npmjs.com/package/vue3-particles) Instruction available [here](https://github.com/tsparticles/vue3/#readme) ### Web Components[](https://particles.js.org/docs/index.html#md:web-components) #### `web-particles`[](https://particles.js.org/docs/index.html#md:web-particles) [![npm](https://img.shields.io/npm/v/web-particles?style=for-the-badge)](https://www.npmjs.com/package/web-particles) [![npm](https://img.shields.io/npm/dm/web-particles?style=for-the-badge)](https://www.npmjs.com/package/web-particles) You can find the instructions [here](https://github.com/tsparticles/webcomponents/#readme) ### WordPress[](https://particles.js.org/docs/index.html#md:wordpress) #### `wordpress-particles`[](https://particles.js.org/docs/index.html#md:wordpress-particles) [![npm](https://img.shields.io/npm/v/wordpress-particles?style=for-the-badge)](https://www.npmjs.com/package/wordpress-particles) [![npm](https://img.shields.io/npm/dm/wordpress-particles?style=for-the-badge)](https://www.npmjs.com/package/wordpress-particles) [![WordPress Plugin Downloads](https://img.shields.io/wordpress/plugin/dw/tsparticles-block?style=for-the-badge)](https://wordpress.org/plugins/tsparticles-block/) [![WordPress Plugin Active Installs](https://img.shields.io/wordpress/plugin/installs/tsparticles-block?style=for-the-badge)](https://wordpress.org/plugins/tsparticles-block/) The plugin page hosted on [WordPress.org](http://wordpress.org/) can be found [here](https://wordpress.org/plugins/tsparticles-block/#description) ### Elementor[](https://particles.js.org/docs/index.html#md:elementor) Actually, an official tsParticles plugin isn't existing, but I have a collaboration with the `Premium Addons for Elementor` plugin collection. ![Premium Addons for Elementor](https://particles.js.org/images/premium-addons-wordpress-plugin.png) Premium Addons for Elementor is one of the most common plugins for Elementor that offers more than 55 highly customizable Elementor Widgets and Section Add-ons. tsParticles is exclusively included in Premium Particles Section Add-on for Elementor Page Builder. [Check It Now](https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/) . Use Premium Addons for Elementor Page Builder and get the chance to include tsParticles in your next WordPress website without the need to write a single line of code. [See a Live Example](https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/) . * * * Presets[](https://particles.js.org/docs/index.html#md:presets) --------------------------------------------------------------- There are some presets ready to be used in this repository, and they also have a bundle file that contains everything needed to run. ### Big Circles[](https://particles.js.org/docs/index.html#md:big-circles) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-big-circles/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-big-circles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-big-circles.svg)](https://www.npmjs.com/package/tsparticles-preset-big-circles) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-big-circles)](https://www.npmjs.com/package/tsparticles-preset-big-circles) This preset loads big colored circles moving upwards on a white background. [![demo](https://github.com/tsparticles/presets/raw/main/presets/bigCircles/images/sample.png)](https://particles.js.org/samples/presets/bigCircles) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/bigCircles#readme) ### Bubbles[](https://particles.js.org/docs/index.html#md:bubbles) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-bubbles/badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-bubbles.svg)](https://www.npmjs.com/package/tsparticles-preset-bubbles) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-bubbles)](https://www.npmjs.com/package/tsparticles-preset-bubbles) This preset loads colored bubbles coming from the bottom of the screen on a white background. [![demo](https://github.com/tsparticles/presets/raw/main/presets/bubbles/images/sample.png)](https://particles.js.org/samples/presets/bubbles) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/bubbles#readme) ### Confetti[](https://particles.js.org/docs/index.html#md:confetti) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-confetti/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-confetti) [![npmjs](https://badge.fury.io/js/tsparticles-preset-confetti.svg)](https://www.npmjs.com/package/tsparticles-preset-confetti) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-confetti)](https://www.npmjs.com/package/tsparticles-preset-confetti) This preset loads white and red confetti launched from the screen center on a transparent background. [![demo](https://github.com/tsparticles/presets/raw/main/presets/confetti/images/sample.png)](https://particles.js.org/samples/presets/confetti) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/confetti#readme) ### Fire[](https://particles.js.org/docs/index.html#md:fire) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fire/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-fire) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fire.svg)](https://www.npmjs.com/package/tsparticles-preset-fire) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fire)](https://www.npmjs.com/package/tsparticles-preset-fire) This preset loads a faded red to a black background with particles colored like fire and ash sparks. [![demo](https://github.com/tsparticles/presets/raw/main/presets/fire/images/sample.png)](https://particles.js.org/samples/presets/fire) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/fire#readme) ### Firefly[](https://particles.js.org/docs/index.html#md:firefly) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-firefly/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-firefly) [![npmjs](https://badge.fury.io/js/tsparticles-preset-firefly.svg)](https://www.npmjs.com/package/tsparticles-preset-firefly) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-firefly)](https://www.npmjs.com/package/tsparticles-preset-firefly) This preset loads a mouse trail made with small fading particles like little fireflies. [![demo](https://github.com/tsparticles/presets/raw/main/presets/firefly/images/sample.png)](https://particles.js.org/samples/presets/firefly) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/firefly#readme) ### Fireworks[](https://particles.js.org/docs/index.html#md:fireworks) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fireworks/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-fireworks) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fireworks.svg)](https://www.npmjs.com/package/tsparticles-preset-fireworks) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fireworks)](https://www.npmjs.com/package/tsparticles-preset-fireworks) This preset loads a beautiful fireworks effect. [![demo](https://github.com/tsparticles/presets/raw/main/presets/fireworks/images/sample.png)](https://particles.js.org/samples/presets/fireworks) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/fireworks#readme) ### Fountain[](https://particles.js.org/docs/index.html#md:fountain) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-fountain/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-fountain) [![npmjs](https://badge.fury.io/js/tsparticles-preset-fountain.svg)](https://www.npmjs.com/package/tsparticles-preset-fountain) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-fountain)](https://www.npmjs.com/package/tsparticles-preset-fountain) [![demo](https://github.com/tsparticles/presets/raw/main/presets/fountain/images/sample.png)](https://particles.js.org/samples/presets/fountain) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/fountain#readme) ### Links[](https://particles.js.org/docs/index.html#md:links) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-links/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-links) [![npmjs](https://badge.fury.io/js/tsparticles-preset-links.svg)](https://www.npmjs.com/package/tsparticles-preset-links) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-links)](https://www.npmjs.com/package/tsparticles-preset-links) [![demo](https://github.com/tsparticles/presets/raw/main/presets/links/images/sample.png)](https://particles.js.org/samples/presets/links) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/links#readme) ### Sea Anemone[](https://particles.js.org/docs/index.html#md:sea-anemone) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-sea-anemone/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-sea-anemone) [![npmjs](https://badge.fury.io/js/tsparticles-preset-sea-anemone.svg)](https://www.npmjs.com/package/tsparticles-preset-sea-anemone) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-sea-anemone)](https://www.npmjs.com/package/tsparticles-preset-sea-anemone) [![demo](https://github.com/tsparticles/presets/raw/main/presets/seaAnemone/images/sample.png)](https://particles.js.org/samples/presets/seaAnemone) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/seaAnemone#readme) ### Snow[](https://particles.js.org/docs/index.html#md:snow) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-snow/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-snow) [![npmjs](https://badge.fury.io/js/tsparticles-preset-snow.svg)](https://www.npmjs.com/package/tsparticles-preset-snow) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-snow)](https://www.npmjs.com/package/tsparticles-preset-snow) [![demo](https://github.com/tsparticles/presets/raw/main/presets/snow/images/sample.png)](https://particles.js.org/samples/presets/snow) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/snow#readme) ### Stars[](https://particles.js.org/docs/index.html#md:stars) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-stars/badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-stars) [![npmjs](https://badge.fury.io/js/tsparticles-preset-stars.svg)](https://www.npmjs.com/package/tsparticles-preset-stars) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-stars)](https://www.npmjs.com/package/tsparticles-preset-stars) [![demo](https://github.com/tsparticles/presets/raw/main/presets/stars/images/sample.png)](https://particles.js.org/samples/presets/stars) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/stars#readme) ### Triangles[](https://particles.js.org/docs/index.html#md:triangles) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-preset-triangles/badge?style=for-the-badge)](https://www.jsdelivr.com/package/npm/tsparticles-preset-triangles) [![npmjs](https://badge.fury.io/js/tsparticles-preset-triangles.svg)](https://www.npmjs.com/package/tsparticles-preset-triangles) [![npmjs](https://img.shields.io/npm/dt/tsparticles-preset-triangles)](https://www.npmjs.com/package/tsparticles-preset-triangles) [![demo](https://github.com/tsparticles/presets/raw/main/presets/triangles/images/sample.png)](https://particles.js.org/samples/presets/triangles) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/triangles#readme) * * * Templates and Resources[](https://particles.js.org/docs/index.html#md:templates-and-resources) ----------------------------------------------------------------------------------------------- You can find some tsParticles related templates [here](https://github.com/tsparticles/templates) . The templates are created for _Vanilla Javascript_, _ReactJS_, _VueJS_, _Angular_, _SvelteJS_, and other frameworks. The templates will vary, new ones can be created or older ones updated with the latest features or changed to a better style. Check them out once in a while. If you created some good design with _tsParticles_ feel free to submit a pull request with your cool template, you'll be credited as the template author! [https://github.com/tsparticles/templates](https://github.com/tsparticles/templates) * * * **_Demo / Generator_**[](https://particles.js.org/docs/index.html#md:demo--generator) -------------------------------------------------------------------------------------- [https://particles.js.org/samples](https://particles.js.org/samples) [![Particles demo](https://particles.js.org/images/demo2.png?v=1.39.1)](https://particles.js.org/samples) * * * **_Video Tutorials_**[](https://particles.js.org/docs/index.html#md:video-tutorials) ------------------------------------------------------------------------------------- You can find all video tutorials on the website here: [https://particles.js.org/video.html](https://particles.js.org/video.html) _More videos are coming soon! Check every day if there are some new contents._ * * * ### Characters as particles[](https://particles.js.org/docs/index.html#md:characters-as-particles) [![Particles chars demo](https://media.giphy.com/media/JsssOXz72bM6jGEZ0s/giphy.gif)](https://particles.js.org/samples/#chars) * * * ### Polygon mask[](https://particles.js.org/docs/index.html#md:polygon-mask) [![tsParticles Polygon Mask demo](https://media.giphy.com/media/lNRfiSgaMFbL4FMhW6/giphy.gif)](https://particles.js.org/samples/#polygonMask) * * * ### Animated stars[](https://particles.js.org/docs/index.html#md:animated-stars) [![Particles NASA demo](https://media.giphy.com/media/cLqGsnh7FKRVMgPIWE/giphy.gif)](https://particles.js.org/samples/#nasa) * * * ### Nyan cat flying on scrolling stars[](https://particles.js.org/docs/index.html#md:nyan-cat-flying-on-scrolling-stars) [![Particles Nyan Cat demo](https://media.giphy.com/media/LpX2oNc9ZMgIhIXQL9/giphy.gif)](https://particles.js.org/samples/#nyancat2) * * * ### Snow particles[](https://particles.js.org/docs/index.html#md:snow-particles) [![tsParticles Snow demo](https://media.giphy.com/media/gihwUFbmiubbkdzEMX/giphy.gif)](https://particles.js.org/samples/#snow) * * * ### Background Mask particles[](https://particles.js.org/docs/index.html#md:background-mask-particles) [![tsParticles Background Mask demo](https://media.giphy.com/media/dWraWgqInWFGWiOyRu/giphy.gif)](https://particles.js.org/samples/#background) * * * **particles.json** You can find some config samples [here](https://github.com/tsparticles/website/tree/main/presets) 📖 * * * **_Options_**[](https://particles.js.org/docs/index.html#md:options) --------------------------------------------------------------------- You can find all options available [here](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) 📖 Want to see it in action and try it?[](https://particles.js.org/docs/index.html#md:want-to-see-it-in-action-and-try-it) ------------------------------------------------------------------------------------------------------------------------ I've created a tsParticles collection on [CodePen](https://codepen.io/collection/DPOage) 😮 or you can check out my [profile](https://codepen.io/matteobruni) Otherwise, there's the demo page link below. [![tsParticles demo](https://media.giphy.com/media/fsVN1ZHksgBIXNIbr1/giphy.gif)](https://particles.js.org/samples/) Want to see even more demos? Clone the repository on your computer and follow these instructions $ pnpm i$ pnpm run build$ cd demo/vanilla$ pnpm start **Boom! 💥** [http://localhost:3000](http://localhost:3000/) and you can check out other demos. _If you are brave enough_ you can switch to the `dev` branch for trying the features under development. * * * Migrating from Particles.js[](https://particles.js.org/docs/index.html#md:migrating-from-particlesjs) ------------------------------------------------------------------------------------------------------ **tsParticles** has a package that makes this library 100% compatible with the _particles.js_ configuration. [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-particles.js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/tsparticles-particles.js) [![npmjs](https://badge.fury.io/js/tsparticles-particles.js.svg)](https://www.npmjs.com/package/tsparticles-particles.js) [![npm](https://img.shields.io/npm/dm/tsparticles-particles.js)](https://www.npmjs.com/package/tsparticles-particles.js) Seriously, you just need to change the script from particles.js to the bundled compatibility package, et-voilà, **you're ready** 🧙! You can read more **[here](https://dev.to/matteobruni/migrating-from-particles-js-to-tsparticles-2a6m) ** Want to know 5 reasons to do the switch? [Read here](https://dev.to/matteobruni/5-reasons-to-use-tsparticles-and-not-particles-js-1gbe) _Below you can find all the information you need to install tsParticles and its new syntax._ * * * Plugins/Customizations[](https://particles.js.org/docs/index.html#md:pluginscustomizations) -------------------------------------------------------------------------------------------- tsParticles now supports some customizations 🥳. **You can create your own plugins** _Read more [here](https://particles.js.org/docs/modules/Core_Interfaces_IPlugin.html) ..._ * * * Dependency Graphs[](https://particles.js.org/docs/index.html#md:dependency-graphs) ----------------------------------------------------------------------------------- flowchart LR subgraph b [Bundles] bp[Particles.js compatibility bundle] --> bs[tsParticles Slim] bs --> bf[tsParticles] end e[tsParticles Engine] --> b iea & iebo & iebu & iec & ieg & iepa & iepu & ierem & ierep & ies --> bs ipa & ipc & ipl --> bs mb & mp --> bs ple4 --> bs sc & si & sl & sp & ssq & sst & st --> bs ua & uc & ul & uop & uou & usi & ust --> bs iet --> bf pla & plem --> bf ur & uti & utw & uw --> bf subgraph i [Interactions] subgraph ie [Externals] iea[Attract] iebo[Bounce] iebu[Bubble] iec[Connect] ieg[Grab] iepa[Pause] iepu[Push] ierem[Remove] ierep[Repulse] ies[Slow] iet[Trail] end il[Light] subgraph ip [Particles] ipa[Attract] ipc[Collisions] ipl[Links] ipr[Repulse] end end i --> ie i --> ip e --> i subgraph m [Movers] mb[Base] mp[Parallax] end e --> m subgraph pa [Paths] pac[Curves] pape[Perlin Noise] papo[Polygon] pas[Simplex Noise] end e --> pa subgraph pl [Plugins] pla[Absorbers] plem[Emitters] plh[HSV Color] pli[Infection] plm[Motion] plp[Polygon Mask] subgraph plea [Easings] pleb[Back] pleci[Circ] plecu[Cubic] plee[Expo] ple4[Quad] ple5[Quint] ples[Sine] end end pl --> plea e --> pl subgraph s [Shapes] sb[Bubble] sc[Circle] sh[Heart] si[Image] sl[Line] sm[Multiline Text] sp[Polygon] sr[Rounded Rectangle] ssp[Spiral] ssq[Square] sst[Star] st[Text] end e --> s subgraph u [Updaters] ua[Angle] uc[Color] ud[Destroy] ug[Gradient] ul[Life] uop[Opacity] uor[Orbit] uou[Out Modes] ur[Roll] usi[Size] ust[Stroke Color] uti[Tilt] utw[Twinkle] uw[Wobble] end e --> u * * * [![JetBrains](https://raw.githubusercontent.com/matteobruni/tsparticles/gh-pages/images/jetbrains-logos/jetbrains-variant-4.png)](https://www.jetbrains.com/?from=tsParticles) [![JetBrains](https://raw.githubusercontent.com/matteobruni/tsparticles/gh-pages/images/jetbrains-logos/logo.png)](https://www.jetbrains.com/webstorm/?from=tsParticles) ### Huge thanks to [JetBrains](https://www.jetbrains.com/?from=tsParticles) for the 2020-2022 Open Source Licenses![](https://particles.js.org/docs/index.html#md:huge-thanks-to-jetbrains-for-the-2020-2022-open-source-licenses) [JetBrains WebStorm](https://www.jetbrains.com/webstorm/?from=tsParticles) is used to maintain this project. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page [tsParticles - TypeScript Particles](https://particles.js.org/docs/index.html#md:tsparticles---typescript-particles) * [Table of Contents](https://particles.js.org/docs/index.html#md:table-of-contents) * [Do you want to use it on your website?](https://particles.js.org/docs/index.html#md:do-you-want-to-use-it-on-your-website) * [Library installation](https://particles.js.org/docs/index.html#md:library-installation) * * [Hosting / CDN](https://particles.js.org/docs/index.html#md:hosting--cdn) * * [jsDelivr](https://particles.js.org/docs/index.html#md:jsdelivr) * [cdnjs](https://particles.js.org/docs/index.html#md:cdnjs) * [unpkg](https://particles.js.org/docs/index.html#md:unpkg) * [npm](https://particles.js.org/docs/index.html#md:npm) * [yarn](https://particles.js.org/docs/index.html#md:yarn) * [pnpm](https://particles.js.org/docs/index.html#md:pnpm) * * [Import and require](https://particles.js.org/docs/index.html#md:import-and-require) * [Usage](https://particles.js.org/docs/index.html#md:usage) * [Official components for some of the most used frameworks](https://particles.js.org/docs/index.html#md:official-components-for-some-of-the-most-used-frameworks) * * [Angular](https://particles.js.org/docs/index.html#md:angular) * [Astro](https://particles.js.org/docs/index.html#md:astro) * [Ember.js](https://particles.js.org/docs/index.html#md:emberjs) * [Inferno](https://particles.js.org/docs/index.html#md:inferno) * [jQuery](https://particles.js.org/docs/index.html#md:jquery) * [Preact](https://particles.js.org/docs/index.html#md:preact) * [ReactJS](https://particles.js.org/docs/index.html#md:reactjs) * [RiotJS](https://particles.js.org/docs/index.html#md:riotjs) * * [riot-particles](https://particles.js.org/docs/index.html#md:riot-particles) * [SolidJS](https://particles.js.org/docs/index.html#md:solidjs) * * [solid-particles](https://particles.js.org/docs/index.html#md:solid-particles) * [Svelte](https://particles.js.org/docs/index.html#md:svelte) * [VueJS 2.x](https://particles.js.org/docs/index.html#md:vuejs-2x) * [VueJS 3.x](https://particles.js.org/docs/index.html#md:vuejs-3x) * [Web Components](https://particles.js.org/docs/index.html#md:web-components) * * [web-particles](https://particles.js.org/docs/index.html#md:web-particles) * [WordPress](https://particles.js.org/docs/index.html#md:wordpress) * * [wordpress-particles](https://particles.js.org/docs/index.html#md:wordpress-particles) * [Elementor](https://particles.js.org/docs/index.html#md:elementor) * [Presets](https://particles.js.org/docs/index.html#md:presets) * * [Big Circles](https://particles.js.org/docs/index.html#md:big-circles) * [Bubbles](https://particles.js.org/docs/index.html#md:bubbles) * [Confetti](https://particles.js.org/docs/index.html#md:confetti) * [Fire](https://particles.js.org/docs/index.html#md:fire) * [Firefly](https://particles.js.org/docs/index.html#md:firefly) * [Fireworks](https://particles.js.org/docs/index.html#md:fireworks) * [Fountain](https://particles.js.org/docs/index.html#md:fountain) * [Links](https://particles.js.org/docs/index.html#md:links) * [Sea Anemone](https://particles.js.org/docs/index.html#md:sea-anemone) * [Snow](https://particles.js.org/docs/index.html#md:snow) * [Stars](https://particles.js.org/docs/index.html#md:stars) * [Triangles](https://particles.js.org/docs/index.html#md:triangles) * [Templates and Resources](https://particles.js.org/docs/index.html#md:templates-and-resources) * [Demo / Generator](https://particles.js.org/docs/index.html#md:demo--generator) * [Video Tutorials](https://particles.js.org/docs/index.html#md:video-tutorials) * * [Characters as particles](https://particles.js.org/docs/index.html#md:characters-as-particles) * [Polygon mask](https://particles.js.org/docs/index.html#md:polygon-mask) * [Animated stars](https://particles.js.org/docs/index.html#md:animated-stars) * [Nyan cat flying on scrolling stars](https://particles.js.org/docs/index.html#md:nyan-cat-flying-on-scrolling-stars) * [Snow particles](https://particles.js.org/docs/index.html#md:snow-particles) * [Background Mask particles](https://particles.js.org/docs/index.html#md:background-mask-particles) * [Options](https://particles.js.org/docs/index.html#md:options) * [Want to see it in action and try it?](https://particles.js.org/docs/index.html#md:want-to-see-it-in-action-and-try-it) * [Migrating from Particles.js](https://particles.js.org/docs/index.html#md:migrating-from-particlesjs) * [Plugins/Customizations](https://particles.js.org/docs/index.html#md:pluginscustomizations) * [Dependency Graphs](https://particles.js.org/docs/index.html#md:dependency-graphs) * * [Huge thanks to JetBrains for the 2020-2022 Open Source Licenses!](https://particles.js.org/docs/index.html#md:huge-thanks-to-jetbrains-for-the-2020-2022-open-source-licenses) --- # tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) tsParticles - v3.0.0 ==================== ### Index ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptions.html) * [IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) Interface IOptions ================== The Options interface, defines all the options that can be used by `tsParticles` \[\[include:Options.md\]\] interface IOptions {     [autoPlay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#autoPlay) : boolean;     [background](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#background) : [IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) ;     [backgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#backgroundMask) : [IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) ;     [clear](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#clear) : boolean;     [delay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#delay) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [detectRetina](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#detectRetina) : boolean;     [duration](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#duration) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [fpsLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) : number;     [fullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fullScreen) : boolean | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) \>;     [interactivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#interactivity) : [IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) ;     [key](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#key) ?: string;     [manualParticles](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#manualParticles) : [IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) \[\];     [name](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#name) ?: string;     [particles](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#particles) : [IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) ;     [pauseOnBlur](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnBlur) : boolean;     [pauseOnOutsideViewport](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnOutsideViewport) : boolean;     [preset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#preset) ?: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) ;     [responsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#responsive) : [IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) \[\];     [smooth](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#smooth) : boolean;     [style](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#style) : [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) ;     [themes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#themes) : [ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) \[\];     [zLayers](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#zLayers) : number;     \[name: string\]: unknown; } #### Implemented by * [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) #### Indexable * \[name: string\]: unknown More custom options for external plugins or customizations ##### Index ### Properties [autoPlay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#autoPlay) [background](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#background) [backgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#backgroundMask) [clear](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#clear) [delay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#delay) [detectRetina](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#detectRetina) [duration](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#duration) [fpsLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) [fullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fullScreen) [interactivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#interactivity) [key?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#key) [manualParticles](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#manualParticles) [name?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#name) [particles](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#particles) [pauseOnBlur](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnBlur) [pauseOnOutsideViewport](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnOutsideViewport) [preset?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#preset) [responsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#responsive) [smooth](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#smooth) [style](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#style) [themes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#themes) [zLayers](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#zLayers) Properties ---------- ### autoPlay[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#autoPlay) autoPlay: boolean Sets if the animations should start automatically or manually ### background[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#background) background: [IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) Background options, these background options will be used to the canvas element, they are all CSS properties ### backgroundMask[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#backgroundMask) backgroundMask: [IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) Background Mask options, what's behind the canvas will become hidden and particles will uncover it ### clear[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#clear) clear: boolean Clears the canvas on every frame if enabled ### delay[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#delay) delay: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The initial delay before starting the animation ### detectRetina[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#detectRetina) detectRetina: boolean Enables the retina detection, if disabled the ratio used by canvas will be always 1 and not the device setting. ### duration[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#duration) duration: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The Particles effect duration in seconds, then the container will be destroyed ### fpsLimit[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) fpsLimit: number The FPS (Frame Per Second) limit applied to all particles animations. ### fullScreen[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fullScreen) fullScreen: boolean | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) \> Sets the animated background mode for particles canvas bringing it to the back ### interactivity[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#interactivity) interactivity: [IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) The particles interaction options ### `Optional`key[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#key) key?: string The key used to store the options in the Engine.configs collection ### manualParticles[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#manualParticles) manualParticles: [IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) \[\] Particles inserted at load time with a specific position ### `Optional`name[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#name) name?: string The name of the config, if it needs to be shown to the user, used also if key is missing ### particles[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#particles) particles: [IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) The particles options ### pauseOnBlur[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnBlur) pauseOnBlur: boolean Enables or disabled the animation on window blur ### pauseOnOutsideViewport[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnOutsideViewport) pauseOnOutsideViewport: boolean Enable or disabled the animation if the element is outside the viewport ### `Optional`preset[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#preset) preset?: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) This property will be used to add specified presets to the options ### responsive[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#responsive) responsive: [IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) \[\] This sets custom options based on canvas size ### smooth[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#smooth) 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](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) field will be used as a reference for the animation speed Some examples: - with a [IOptions.fpsLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) of 60 the animation will be twice faster on 120 fps devices - with a [IOptions.fpsLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#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[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#style) style: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) ### themes[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#themes) themes: [ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) \[\] User-defined themes that can be retrieved by the particles [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ### zLayers[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#zLayers) zLayers: number The maximum layers used in the z-axis ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [autoPlay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#autoPlay) [background](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#background) [backgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#backgroundMask) [clear](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#clear) [delay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#delay) [detectRetina](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#detectRetina) [duration](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#duration) [fpsLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) [fullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fullScreen) [interactivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#interactivity) [key](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#key) [manualParticles](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#manualParticles) [name](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#name) [particles](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#particles) [pauseOnBlur](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnBlur) [pauseOnOutsideViewport](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#pauseOnOutsideViewport) [preset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#preset) [responsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#responsive) [smooth](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#smooth) [style](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#style) [themes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#themes) [zLayers](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#zLayers) --- # Options/Interfaces/IOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptions.html) Module Options/Interfaces/IOptions ================================== ### Index ### Interfaces [IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # RecursivePartial | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/RecursivePartial](https://particles.js.org/docs/modules/tsParticles_Engine.Types_RecursivePartial.html) * [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) Type Alias RecursivePartial ============================== RecursivePartial<[T](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html#T) \>: {     \[P in keyof [T](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html#T)\ \]?: [T](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html#T) \[P\] extends (infer U)\[\]         ? [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) \[\]         : [T](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html#T) \[P\] extends object | undefined             ? [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[T](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html#T) \[P\]\>             : [T](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html#T) \[P\] } #### Type Parameters * T ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # SingleOrMultiple | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/SingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.Types_SingleOrMultiple.html) * [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) Type Alias SingleOrMultiple ============================== SingleOrMultiple<[T](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html#T) \>: [T](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html#T) | [T](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html#T) \[\] #### Type Parameters * T ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # RangeValue | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/RangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.Types_RangeValue.html) * [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) Type Alias RangeValue ===================== RangeValue: number | [IRangeValue](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IFullScreen | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/FullScreen/IFullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.html) * [IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) Interface IFullScreen ===================== The options to set the particles in the background using CSS `fixed` position The [IFullScreen.zIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#zIndex) property sets the background CSS `z-index` property \[\[include:Options/FullScreen.md\]\] interface IFullScreen {     [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#enable) : boolean;     [zIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#zIndex) : number; } #### Implemented by * [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) ##### Index ### Properties [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#enable) [zIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#zIndex) Properties ---------- ### enable[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#enable) enable: boolean This property sets the canvas to a full window size acting like a background, the most common configuration. The default value is `false` since many already have different configurations. This is really helpful since there's no need to write CSS code to have a full size tsParticles instance. ### zIndex[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#zIndex) zIndex: number This is the CSS `z-index` property set to the canvas. If the `z-index` is less than `0` the mouse interactions works only with the `interactivity.detectsOn` set to `window`. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#enable) [zIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html#zIndex) --- # IResponsive | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IResponsive](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IResponsive.html) * [IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) Interface IResponsive ===================== interface IResponsive {     [maxWidth](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#maxWidth) : number;     [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#mode) : "screen" | "canvas" | [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) ;     [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#options) : [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \>; } #### Implemented by * [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) ##### Index ### Properties [maxWidth](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#maxWidth) [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#mode) [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#options) Properties ---------- ### maxWidth[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#maxWidth) maxWidth: number Maximum width of the canvas or the screen, depending on [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#mode) value. ### mode[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#mode) mode: "screen" | "canvas" | [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) Responsive mode. ### options[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#options) options: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> Options to override. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [maxWidth](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#maxWidth) [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#mode) [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#options) --- # IManualParticle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IManualParticle.html) * [IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) Interface IManualParticle ========================= Manual particles options \[\[include:Options/ManualParticles.md\]\] interface IManualParticle {     [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#options) ?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \>;     [position](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#position) ?: [ICoordinatesWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html) ; } #### Implemented by * [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) ##### Index ### Properties [options?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#options) [position?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#position) Properties ---------- ### `Optional`options[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#options) options?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \> Particle options, this properties will override the general particles configuration ### `Optional`position[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#position) position?: [ICoordinatesWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html) Particle position in canvas size percent, if undefined a random position will be used ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#options) [position](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html#position) --- # ITheme | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Theme/ITheme](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Theme_ITheme.html) * [ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) Interface ITheme ================ The options to configure themes that can be easily switched \[\[include:Options/Themes.md\]\] interface ITheme {     [default](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#default) : [IThemeDefault](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html) ;     [name](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#name) : string;     [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#options) ?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \>; } #### Implemented by * [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) ##### Index ### Properties [default](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#default) [name](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#name) [options?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#options) Properties ---------- ### default[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#default) default: [IThemeDefault](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html) Options to set the default theme ### name[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#name) name: string Theme name, use it when changing theme ### `Optional`options[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#options) options?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> All options the theme will override ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [default](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#default) [name](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#name) [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html#options) --- # IBackground | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Background/IBackground](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Background_IBackground.html) * [IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) Interface IBackground ===================== The background options used by the canvas element, it's not drawn, it's applied in the style \[\[include:Options/Background.md\]\] interface IBackground {     [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#color) : string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) ;     [image](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#image) : string;     [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#opacity) : number;     [position](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#position) : string;     [repeat](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#repeat) : string;     [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#size) : string; } #### Implemented by * [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) ##### Index ### Properties [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#color) [image](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#image) [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#opacity) [position](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#position) [repeat](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#repeat) [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#size) Properties ---------- ### color[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#color) color: string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) The `color` property can be set to a HEX string or to a [color object](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) , that is the same as the one used in `particles.color` options. This color is set to canvas style `background-color` property, if this property is not set the background will be transparent. ### image[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#image) image: string The `image` property sets the canvas style `background-image` property. This property doesn't have a default value, anyway if you need a background image you need to specify the same CSS syntax with the `url()` function. ### opacity[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#opacity) opacity: number The `opacity` property sets the `color` property opacity, so you can set a semi-transparent background. This value is by default to `1` and it accepts any value between `0` and `1` included. ### position[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#position) position: string The `position` property sets the canvas style `background-position` property. This [link](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) can be useful to set the right value to this property. ### repeat[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#repeat) repeat: string The `repeat` property sets the canvas style `background-repeat` property. This [link](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) can be useful to set the right value to this property. ### size[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#size) size: string The `size` property sets the canvas style `background-size` property. This [link](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) can be useful to set the right value to this property. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#color) [image](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#image) [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#opacity) [position](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#position) [repeat](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#repeat) [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html#size) --- # IBackgroundMask | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/BackgroundMask/IBackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.html) * [IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) Interface IBackgroundMask ========================= The options to apply a base color to canvas to cover what's behind The particles will unveil what is covered by the canvas \[\[include:Options/BackgroundMask.md\]\] interface IBackgroundMask {     [composite](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#composite) : GlobalCompositeOperation;     [cover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#cover) : string | [IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IBackgroundMaskCover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html) \>;     [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#enable) : boolean; } #### Implemented by * [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) ##### Index ### Properties [composite](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#composite) [cover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#cover) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#enable) Properties ---------- ### composite[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#composite) composite: GlobalCompositeOperation This property is used to choose the composition mode for the background mask effect. The default value is `destination-out`, which unveils the background below using drawn elements, any other valid value can be found [here](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation) ### cover[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#cover) cover: string | [IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IBackgroundMaskCover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html) \> The `cover` property can be set to a HEX string or to a [color object](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) , that is the same as the one used in `particles.color` options. The `cover` can also be a [cover object](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html) like the one described below. ### enable[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#enable) enable: boolean This property set the background mask mode, this mode enables the `composite` option to all elements drawn. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [composite](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#composite) [cover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#cover) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html#enable) --- # IInteractivity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/IInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.html) * [IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) Interface IInteractivity ======================== Particles interactivity options \[\[include:Options/Interactivity.md\]\] interface IInteractivity {     [detectsOn](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#detectsOn) :         | "window"         | "canvas"         | "parent"         | [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) ;     [events](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#events) : [IEvents](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html) ;     [modes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#modes) : [IModes](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.IModes.html) ;     \[name: string\]: unknown; } #### Implemented by * [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) #### Indexable * \[name: string\]: unknown ##### Index ### Properties [detectsOn](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#detectsOn) [events](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#events) [modes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#modes) Properties ---------- ### detectsOn[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#detectsOn) detectsOn:     | "window"     | "canvas"     | "parent"     | [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) Where the mouse events will be detected If set to `canvas` only the particles canvas will be targeted If set to `parent` only the particles canvas parent will be targeted If set to `window` every area will be the target ### events[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#events) events: [IEvents](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html) Interaction events options, this configures which events are enabled and which modes should be used ### modes[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#modes) modes: [IModes](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.IModes.html) Interaction modes options, this configures every mode behavior ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [detectsOn](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#detectsOn) [events](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#events) [modes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html#modes) --- # Options | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Options](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Options.html) * [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) Class Options ============= \[\[include:Options.md\]\] #### Implements * [IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> #### Indexable * \[name: string\]: unknown ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#constructor) ### Properties [autoPlay](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#autoPlay) [background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#background) [backgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#backgroundMask) [clear](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#clear) [defaultThemes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#defaultThemes) [delay](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#delay) [detectRetina](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#detectRetina) [duration](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#duration) [fpsLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#fpsLimit) [fullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#fullScreen) [interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#interactivity) [key?](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#key) [manualParticles](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#manualParticles) [name?](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#name) [particles](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#particles) [pauseOnBlur](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#pauseOnBlur) [pauseOnOutsideViewport](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#pauseOnOutsideViewport) [preset?](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#preset) [responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#responsive) [smooth](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#smooth) [style](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#style) [themes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#themes) [zLayers](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#zLayers) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#load) [setResponsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setResponsive) [setTheme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setTheme) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#constructor) * new Options(engine, container): [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#constructor.new_Options) * #### Parameters * engine: [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) #### Returns [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) Properties ---------- ### autoPlay[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#autoPlay) autoPlay: boolean Sets if the animations should start automatically or manually ### `Readonly`background[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#background) background: [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) Background options, these background options will be used to the canvas element, they are all CSS properties ### `Readonly`backgroundMask[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#backgroundMask) backgroundMask: [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) Background Mask options, what's behind the canvas will become hidden and particles will uncover it ### clear[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#clear) clear: boolean Clears the canvas on every frame if enabled ### defaultThemes[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#defaultThemes) defaultThemes: DefaultThemes ### delay[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#delay) delay: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The initial delay before starting the animation ### detectRetina[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#detectRetina) detectRetina: boolean Enables the retina detection, if disabled the ratio used by canvas will be always 1 and not the device setting. ### duration[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#duration) duration: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The Particles effect duration in seconds, then the container will be destroyed ### fpsLimit[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#fpsLimit) fpsLimit: number The FPS (Frame Per Second) limit applied to all particles animations. ### `Readonly`fullScreen[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#fullScreen) fullScreen: [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) Sets the animated background mode for particles canvas bringing it to the back ### `Readonly`interactivity[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#interactivity) interactivity: [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) The particles interaction options ### `Optional`key[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#key) key?: string The key used to store the options in the Engine.configs collection ### manualParticles[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#manualParticles) manualParticles: [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) \[\] Particles inserted at load time with a specific position ### `Optional`name[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#name) name?: string The name of the config, if it needs to be shown to the user, used also if key is missing ### `Readonly`particles[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#particles) particles: [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) The particles options ### pauseOnBlur[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#pauseOnBlur) pauseOnBlur: boolean Enables or disabled the animation on window blur ### pauseOnOutsideViewport[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#pauseOnOutsideViewport) pauseOnOutsideViewport: boolean Enable or disabled the animation if the element is outside the viewport ### `Optional`preset[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#preset) preset?: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) This property will be used to add specified presets to the options ### responsive[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#responsive) responsive: [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) \[\] This sets custom options based on canvas size ### smooth[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#smooth) 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](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) field will be used as a reference for the animation speed Some examples: - with a [IOptions.fpsLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#fpsLimit) of 60 the animation will be twice faster on 120 fps devices - with a [IOptions.fpsLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html#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[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#style) style: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) ### `Readonly`themes[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#themes) themes: [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) \[\] User-defined themes that can be retrieved by the particles [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ### zLayers[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#zLayers) zLayers: number The maximum layers used in the z-axis Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#load.load-1) * This method loads the source object in the current instance #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> the source data to load into the instance #### Returns void ### setResponsive[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setResponsive) * setResponsive(width, pxRatio, defaultOptions): undefined | number[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setResponsive.setResponsive-1) * #### Parameters * width: number * pxRatio: number * defaultOptions: [IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) #### Returns undefined | number ### setTheme[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setTheme) * setTheme(name?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setTheme.setTheme-1) * #### Parameters * `Optional`name: string #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#constructor) Properties [autoPlay](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#autoPlay) [background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#background) [backgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#backgroundMask) [clear](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#clear) [defaultThemes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#defaultThemes) [delay](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#delay) [detectRetina](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#detectRetina) [duration](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#duration) [fpsLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#fpsLimit) [fullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#fullScreen) [interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#interactivity) [key](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#key) [manualParticles](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#manualParticles) [name](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#name) [particles](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#particles) [pauseOnBlur](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#pauseOnBlur) [pauseOnOutsideViewport](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#pauseOnOutsideViewport) [preset](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#preset) [responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#responsive) [smooth](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#smooth) [style](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#style) [themes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#themes) [zLayers](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#zLayers) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#load) [setResponsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setResponsive) [setTheme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html#setTheme) --- # Container | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Container](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Container.html) * [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) Class Container =============== The object loaded into an HTML element, it'll contain options loaded and all data to let everything working \[\[include:Container.md\]\] ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#constructor) ### Properties [actualOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#actualOptions) [canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#canvas) [destroyed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#destroyed) [effectDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#effectDrawers) [fpsLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#fpsLimit) [id](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#id) [interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#interactivity) [pageHidden](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pageHidden) [particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#particles) [pathGenerators](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pathGenerators) [plugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#plugins) [retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#retina) [shapeDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#shapeDrawers) [started](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#started) [zLayers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#zLayers) ### Accessors [animationStatus](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#animationStatus) [options](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#options) [sourceOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#sourceOptions) ### Methods [addClickHandler](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addClickHandler) [addLifeTime](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addLifeTime) [addPath](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addPath) [alive](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#alive) [clearClickHandlers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#clearClickHandlers) [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#draw) [export](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#export) [handleClickMode](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#handleClickMode) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#init) [loadTheme](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#loadTheme) [pause](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pause) [play](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#play) [refresh](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#refresh) [reset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#reset) [start](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#start) [stop](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#stop) [updateActualOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#updateActualOptions) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#constructor) * new Container(engine, id, sourceOptions?): [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#constructor.new_Container) * This is the core class, create an instance to have a new working particles manager #### Parameters * engine: [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) the engine used by container * id: string the id to identify this instance * `Optional`sourceOptions: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> the options to load #### Returns [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) Properties ---------- ### actualOptions[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#actualOptions) actualOptions: [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) The options loaded by the container, it's a full [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) object ### `Readonly`canvas[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#canvas) canvas: [Canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html) Canvas object, in charge of the canvas element and drawing functions ### destroyed[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#destroyed) destroyed: boolean Check if the particles' container is destroyed, if so it's not recommended using it ### `Readonly`effectDrawers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#effectDrawers) effectDrawers: Map\> All the effect drawers used by the container ### fpsLimit[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#fpsLimit) fpsLimit: number The container fps limit, coming from options ### `Readonly`id[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#id) id: symbol ### interactivity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#interactivity) interactivity: [IContainerInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html) ### pageHidden[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pageHidden) pageHidden: boolean The container check if it's hidden on the web page ### `Readonly`particles[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#particles) particles: [Particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html) The particles manager ### `Readonly`pathGenerators[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pathGenerators) pathGenerators: Map ### `Readonly`plugins[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#plugins) plugins: Map All the plugins used by the container ### `Readonly`retina[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#retina) retina: [Retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html) ### `Readonly`shapeDrawers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#shapeDrawers) shapeDrawers: Map\> All the shape drawers used by the container ### started[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#started) started: boolean Check if the particles container is started ### zLayers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#zLayers) zLayers: number Accessors --------- ### animationStatus[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#animationStatus) * get animationStatus(): boolean * Gets the animation status #### Returns boolean `true` is playing, `false` is paused ### options[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#options) * get options(): [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) * The options used by the container, it's a full [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) object #### Returns [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) the options used by the container ### sourceOptions[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#sourceOptions) * get sourceOptions(): undefined | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> * The options that were initially passed to the container #### Returns undefined | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> the source options passed to the container Methods ------- ### addClickHandler[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addClickHandler) * addClickHandler(callback): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addClickHandler.addClickHandler-1) * Adds a click handler to the container #### Parameters * callback: ((evt: Event, particles?: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \[\]) => void) the callback to be called when the click event occurs * * (evt, particles?): void * #### Parameters * evt: Event * `Optional`particles: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \[\] #### Returns void #### Returns void ### addLifeTime[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addLifeTime) * addLifeTime(value): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addLifeTime.addLifeTime-1) * #### Parameters * value: number #### Returns void ### addPath[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addPath) * addPath(key, generator, override?): boolean[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addPath.addPath-1) * Add a new path generator to the container #### Parameters * key: string the key to identify the path generator * generator: [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) the path generator * override: boolean = false if true, override the existing path generator #### Returns boolean true if the path generator was added, false otherwise ### alive[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#alive) * alive(): boolean[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#alive.alive-1) * #### Returns boolean ### clearClickHandlers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#clearClickHandlers) * clearClickHandlers(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#clearClickHandlers.clearClickHandlers-1) * #### Returns void ### destroy[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#destroy) * destroy(remove?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#destroy.destroy-1) * Destroys the current container, invalidating it #### Parameters * remove: boolean = true if true, removes the container from the engine #### Returns void ### draw[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#draw) * draw(force): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#draw.draw-1) * Draws a frame #### Parameters * force: boolean #### Returns void ### export[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#export) * export(type, options?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#export.export-1) * #### Parameters * type: string * options: Record = {} #### Returns Promise ### handleClickMode[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#handleClickMode) * handleClickMode(mode): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#handleClickMode.handleClickMode-1) * Handles click event in the container #### Parameters * mode: string click mode to handle #### Returns void ### init[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#init) * init(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#init.init-1) * Initializes the container #### Returns Promise ### loadTheme[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#loadTheme) * loadTheme(name?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#loadTheme.loadTheme-1) * Loads the given theme, overriding the options #### Parameters * `Optional`name: string the theme name, if `undefined` resets the default options or the default theme #### Returns Promise ### pause[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pause) * pause(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pause.pause-1) * Pauses animations #### Returns void ### play[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#play) * play(force?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#play.play-1) * Starts animations and resume from pause #### Parameters * `Optional`force: boolean #### Returns void ### refresh[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#refresh) * refresh(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#refresh.refresh-1) * Restarts the container, just a [Container.stop](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#stop) /[Container.start](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#start) alias #### Returns Promise the Promise of the start method ### reset[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#reset) * reset(sourceOptions?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#reset.reset-1) * #### Parameters * `Optional`sourceOptions: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> #### Returns Promise ### start[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#start) * start(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#start.start-1) * Starts the container, initializes what are needed to create animations and event handling #### Returns Promise ### stop[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#stop) * stop(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#stop.stop-1) * Stops the container, opposite to `start`. Clears some resources and stops events. #### Returns void ### updateActualOptions[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#updateActualOptions) * updateActualOptions(): boolean[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#updateActualOptions.updateActualOptions-1) * Updates the container options #### Returns boolean true if the options were updated, false otherwise ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#constructor) Properties [actualOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#actualOptions) [canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#canvas) [destroyed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#destroyed) [effectDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#effectDrawers) [fpsLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#fpsLimit) [id](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#id) [interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#interactivity) [pageHidden](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pageHidden) [particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#particles) [pathGenerators](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pathGenerators) [plugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#plugins) [retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#retina) [shapeDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#shapeDrawers) [started](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#started) [zLayers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#zLayers) Accessors [animationStatus](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#animationStatus) [options](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#options) [sourceOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#sourceOptions) Methods [addClickHandler](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addClickHandler) [addLifeTime](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addLifeTime) [addPath](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#addPath) [alive](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#alive) [clearClickHandlers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#clearClickHandlers) [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#draw) [export](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#export) [handleClickMode](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#handleClickMode) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#init) [loadTheme](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#loadTheme) [pause](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#pause) [play](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#play) [refresh](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#refresh) [reset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#reset) [start](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#start) [stop](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#stop) [updateActualOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html#updateActualOptions) --- # IParticlesOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/IParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.html) * [IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) Interface IParticlesOptions =========================== \[\[include:Options/Particles.md\]\] interface IParticlesOptions {     [bounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#bounce) : [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) ;     [collisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#collisions) : [ICollisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html) ;     [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#color) : [IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) ;     [effect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#effect) : [IEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html) ;     [groups](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#groups) : [ParticlesGroups](https://particles.js.org/docs/types/tsParticles_Engine.Types_ParticlesGroups.ParticlesGroups.html) ;     [interactivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#interactivity) ?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) \>;     [move](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#move) : [IMove](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html) ;     [number](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#number) : [IParticlesNumber](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html) ;     [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#opacity) : [IOpacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html) ;     [reduceDuplicates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#reduceDuplicates) : boolean;     [shadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shadow) : [IShadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html) ;     [shape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shape) : [IShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html) ;     [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#size) : [ISize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html) ;     [stroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#stroke) : [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <[IStroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html) \>;     [zIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#zIndex) : [IZIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html) ;     \[name: string\]: unknown; } #### Implemented by * [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) #### Indexable * \[name: string\]: unknown ##### Index ### Properties [bounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#bounce) [collisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#collisions) [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#color) [effect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#effect) [groups](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#groups) [interactivity?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#interactivity) [move](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#move) [number](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#number) [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#opacity) [reduceDuplicates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#reduceDuplicates) [shadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shadow) [shape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shape) [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#size) [stroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#stroke) [zIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#zIndex) Properties ---------- ### bounce[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#bounce) bounce: [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) Options for customizing the behavior when a particle bounces ### collisions[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#collisions) collisions: [ICollisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html) Particles collisions options ### color[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#color) color: [IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) Particles color options ### effect[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#effect) effect: [IEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html) Particles effects options ### groups[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#groups) groups: [ParticlesGroups](https://particles.js.org/docs/types/tsParticles_Engine.Types_ParticlesGroups.ParticlesGroups.html) Particles groups ### `Optional`interactivity[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#interactivity) interactivity?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) \> Particles interactivity options, overrides general interactivity options ### move[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#move) move: [IMove](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html) Particles movement options ### number[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#number) number: [IParticlesNumber](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html) Particles number options ### opacity[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#opacity) opacity: [IOpacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html) Particles opacity options ### reduceDuplicates[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#reduceDuplicates) reduceDuplicates: boolean Particles options for reducing the randomization of duplicate particles, the index will be used for choosing the array values ### shadow[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shadow) shadow: [IShadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html) Particles shadow options ### shape[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shape) shape: [IShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html) Particles shape options ### size[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#size) size: [ISize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html) Particles size options ### stroke[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#stroke) stroke: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <[IStroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html) \> Particles stroke options ### zIndex[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#zIndex) zIndex: [IZIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html) Particles z-index options ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [bounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#bounce) [collisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#collisions) [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#color) [effect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#effect) [groups](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#groups) [interactivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#interactivity) [move](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#move) [number](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#number) [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#opacity) [reduceDuplicates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#reduceDuplicates) [shadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shadow) [shape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#shape) [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#size) [stroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#stroke) [zIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html#zIndex) --- # tsParticles Engine - v3.8.1 | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) Module tsParticles Engine - v3.8.1 ================================== [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org/) tsParticles - TypeScript Particles[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticles---typescript-particles) ========================================================================================================================================== **A lightweight TypeScript library for creating particles. Dependency free (\*), browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web Components** [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni?style=for-the-badge)](https://github.com/sponsors/matteobruni) [![jsDelivr hits (npm)](https://img.shields.io/jsdelivr/npm/hm/tsparticles?style=for-the-badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![Cdnjs](https://img.shields.io/cdnjs/v/@tsparticles/engine?style=for-the-badge)](https://cdnjs.com/libraries/tsparticles) [![npm](https://img.shields.io/npm/v/@tsparticles/engine?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) [![npm](https://img.shields.io/npm/dm/tsparticles?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff?style=for-the-badge)](https://lerna.js.org/) [![CodeFactor](https://www.codefactor.io/repository/github/tsparticles/tsparticles/badge)](https://www.codefactor.io/repository/github/tsparticles/tsparticles) [![Codacy Badge](https://api.codacy.com/project/badge/Grade/b983aaf3461a4c48b1e2eecce1ff1d74)](https://www.codacy.com/manual/ar3s/tsparticles?utm_source=github.com&utm_medium=referral&utm_content=tsparticles/tsparticles&utm_campaign=Badge_Grade) [![Rate this package](https://badges.openbase.com/js/rating/tsparticles.svg?style=openbase&token=A9jHQ1nkb6fnCndKM7O2w4hx3OD8PVCuqHtSpw8mMOg=)](https://openbase.com/js/tsparticles?utm_source=embedded&utm_medium=badge&utm_campaign=rating-badge&utm_term=js/tsparticles) [![Gitpod Ready-to-Code](https://img.shields.io/badge/Gitpod-ready--to--code-blue?logo=gitpod)](https://gitpod.io/#https://github.com/tsparticles/tsparticles) [![Run on Repl.it](https://repl.it/badge/github/tsparticles/tsparticles)](https://repl.it/github/tsparticles/tsparticles) [![Discord](https://img.shields.io/discord/872061157379301416?label=discord&logo=discord&logoColor=white&style=for-the-badge)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles) [![Reddit](https://img.shields.io/reddit/subreddit-subscribers/tsParticles?style=for-the-badge)](https://www.reddit.com/r/tsParticles/) [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles%22) [![Buy Me A Coffee](https://img.buymeacoffee.com/button-api/?text=Buy%20me%20a%20beer&emoji=%F0%9F%8D%BA&slug=matteobruni&button_colour=5F7FFF&font_colour=ffffff&font_family=Arial&outline_colour=000000&coffee_colour=FFDD00%22)](https://www.buymeacoffee.com/matteobruni) * * * Table of Contents[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:table-of-contents) -------------------------------------------------------------------------------------------------------- * [tsParticles - TypeScript Particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticles---typescript-particles) * [Table of Contents](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:table-of-contents) * [Do you want to use it on your website?](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:do-you-want-to-use-it-on-your-website) * [**_Library installation_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:library-installation) * [**_Hosting / CDN_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:hosting--cdn) * [jsDelivr](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jsdelivr) * [cdnjs](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:cdnjs) * [unpkg](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:unpkg) * [**_npm_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:npm) * [**_yarn_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:yarn) * [**_pnpm_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:pnpm) * [Import and require](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:import-and-require) * [**_Usage_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:usage) * [Official components for some of the most used frameworks](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:official-components-for-some-of-the-most-used-frameworks) * [Angular](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:angular) * [`@tsparticles/angular`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:@tsparticles/angular) * [Astro](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:astro) * [`astro-particles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:astro-particles) * [Ember.js](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:emberjs) * [`ember-tsparticles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:ember-tsparticles) * [Inferno](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:inferno) * [`inferno-particles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:inferno-particles) * [jQuery](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jquery) * [`jquery-particles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jquery-particles) * [Preact](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:preact) * [`preact-particles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:preact-particles) * [ReactJS](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:reactjs) * [`@tsparticles/react`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesreact) * [RiotJS](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:riotjs) * [`riot-particles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:riot-particles) * [SolidJS](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:solidjs) * [`solid-particles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:solid-particles) * [Svelte](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:svelte) * [`@tsparticles/svelte`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:@tsparticles/svelte) * [VueJS 2.x](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:vuejs-2x) * [`@tsparticles/vue2`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesvue2) * [VueJS 3.x](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:vuejs-3x) * [`@tsparticles/vue3`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesvue3) * [Web Components](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:web-components) * [`web-particles`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:web-particles) * [WordPress](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:wordpress) * [`@tsparticles/wordpress`](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:@tsparticles/wordpress) * [Elementor](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:elementor) * [Presets](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:presets) * [Big Circles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:big-circles) * [Bubbles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:bubbles) * [Confetti](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:confetti) * [Fire](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fire) * [Firefly](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:firefly) * [Fireworks](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fireworks) * [Fountain](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fountain) * [Links](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:links) * [Sea Anemone](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:sea-anemone) * [Snow](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:snow) * [Stars](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:stars) * [Triangles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:triangles) * [Templates and Resources](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:templates-and-resources) * [**_Demo / Generator_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:demo--generator) * [**_Video Tutorials_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:video-tutorials) * [Characters as particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:characters-as-particles) * [Polygon mask](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:polygon-mask) * [Animated stars](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:animated-stars) * [Nyan cat flying on scrolling stars](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:nyan-cat-flying-on-scrolling-stars) * [Snow particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:snow-particles) * [Background Mask particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:background-mask-particles) * [**_Options_**](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:options) * [Want to see it in action and try it?](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:want-to-see-it-in-action-and-try-it) * [Migrating from Particles.js](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:migrating-from-particlesjs) * [Plugins/Customizations](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:pluginscustomizations) * [Dependency Graph](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:dependency-graph) * [Sponsors](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:sponsors) * [Huge thanks to JetBrains for the 2020-2022 Open Source Licenses!](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:huge-thanks-to-jetbrains-for-the-2020-2022-open-source-licenses) * * * Do you want to use it on your website?[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:do-you-want-to-use-it-on-your-website) ------------------------------------------------------------------------------------------------------------------------------------------------- _Documentation and Development references [here](https://particles.js.org/docs/) 📖_ **This library is available on two of the most popular CDNs and it's easy and ready to use, if you were using particles.js it's even easier**. You'll find the instructions [below](https://github.com/tsparticles/tsparticles/blob/main/README.md#library-installation) , with all the links you need, and _don't be scared by **TypeScript**, it's just the source language_. **The output files are just JavaScript**. 🤩 CDNs and `npm` have all the sources you need in **Javascript**, a bundle browser ready (tsparticles.engine.min.js), and all files splitted for `import` syntax. **If you are interested** there are some _simple instructions_ just [below](https://github.com/tsparticles/tsparticles/blob/main/README.md#library-installation) to guide you to migrate from the old particles.js library. **_Library installation_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:library-installation) -------------------------------------------------------------------------------------------------------------------- ### **_Hosting / CDN_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:hosting--cdn) **_Please use these hosts or your own to load tsParticles on your projects_** #### jsDelivr[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jsdelivr) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/confetti/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/confetti) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/engine/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/engine) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/fireworks/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/fireworks) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/basic/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/basic) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/slim/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/slim) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles/badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/all/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/all) #### cdnjs[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:cdnjs) [![Cdnjs](https://img.shields.io/cdnjs/v/tsparticles)](https://cdnjs.com/libraries/tsparticles) #### unpkg[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:unpkg) [https://unpkg.com/@tsparticles/confetti/](https://unpkg.com/@tsparticles/confetti/) [https://unpkg.com/@tsparticles/engine/](https://unpkg.com/@tsparticles/engine/) [https://unpkg.com/@tsparticles/fireworks/](https://unpkg.com/@tsparticles/fireworks/) [https://unpkg.com/@tsparticles/basic/](https://unpkg.com/@tsparticles/basic/) [https://unpkg.com/@tsparticles/slim/](https://unpkg.com/@tsparticles/slim/) [https://unpkg.com/tsparticles/](https://unpkg.com/tsparticles/) [https://unpkg.com/@tsparticles/all/](https://unpkg.com/@tsparticles/all/) * * * ### **_npm_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:npm) _tsParticles Confetti_ [![npm](https://img.shields.io/npm/v/@tsparticles/confetti?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/confetti) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/confetti?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/confetti) _tsParticles Engine_ [![npm](https://img.shields.io/npm/v/@tsparticles/engine?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/engine) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/engine?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/engine) _tsParticles Fireworks_ [![npm](https://img.shields.io/npm/v/@tsparticles/fireworks?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/fireworks) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/fireworks?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/fireworks) _tsParticles Basic_ [![npm](https://img.shields.io/npm/v/@tsparticles/basic?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/basic) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/basic?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/basic) _tsParticles Slim_ [![npm](https://img.shields.io/npm/v/@tsparticles/slim?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/slim) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/slim?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/slim) _tsParticles_ [![npm](https://img.shields.io/npm/v/tsparticles?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) [![npmjs](https://img.shields.io/npm/dt/tsparticles?style=for-the-badge)](https://www.npmjs.com/package/tsparticles) _tsParticles All_ [![npm](https://img.shields.io/npm/v/@tsparticles/all?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/all) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/all?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/all) npm install @tsparticles/engine ### **_yarn_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:yarn) yarn add @tsparticles/engine ### **_pnpm_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:pnpm) pnpm install @tsparticles/engine #### Import and require[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:import-and-require) const tsParticles = require("@tsparticles/engine");// orimport { tsParticles } from "@tsparticles/engine"; The imported `tsParticles` is the same instance you have when including the script in the page using the ` **app.js** // @path-json can be an object or an array, the first will be loaded directly, and the object from the array will be randomly selected/* tsParticles.load(@params); */tsParticles .load({ id: "tsparticles", url: "presets/default.json", }) .then((container) => { console.log("callback - tsparticles config loaded"); }) .catch((error) => { console.error(error); });//ortsParticles.load({ id: "tsparticles", options: { /* options here */ },});//ortsParticles.load({ id: "tsparticles", options: [ { /* options here */ }, { /* other options here */ }, ],});//random objecttsParticles.load({ id: "tsparticles", options: [ { /* options here */ }, { /* other options here */ }, ], index: 1,}); //the second one// Important! If the index is not in range 0... { /* custom on click handler */});// now you can control the animations too, it's possible to pause and resume the animations// these methods don't change the config so you're safe with all your configurations// domItem(0) returns the first tsParticles instance loaded in the domconst particles = tsParticles.domItem(0);// play will start the animations, if the move is not enabled it won't enable it, it just updates the frameparticles.play();// pause will stop the animationsparticles.pause(); * * * Official components for some of the most used frameworks[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:official-components-for-some-of-the-most-used-frameworks) -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ### Angular[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:angular) #### `@tsparticles/angular`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesangular) [![npm](https://img.shields.io/npm/v/@tsparticles/angular?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/angular) [![npm](https://img.shields.io/npm/dm/@tsparticles/angular?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/angular) Instructions available [here](https://github.com/tsparticles/angular/#readme) ### Astro[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:astro) #### `astro-particles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:astro-particles) [![npm](https://img.shields.io/npm/v/astro-particles?style=for-the-badge)](https://www.npmjs.com/package/astro-particles) [![npm](https://img.shields.io/npm/dm/astro-particles?style=for-the-badge)](https://www.npmjs.com/package/astro-particles) Instructions available [here](https://github.com/tsparticles/astro/#readme) ### Ember.js[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:emberjs) #### `ember-tsparticles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:ember-tsparticles) [![npm](https://img.shields.io/npm/v/ember-tsparticles?style=for-the-badge)](https://www.npmjs.com/package/ember-tsparticles) [![npm](https://img.shields.io/npm/dm/ember-tsparticles?style=for-the-badge)](https://www.npmjs.com/package/ember-tsparticles) Instructions available [here](https://github.com/tsparticles/ember/#readme) ### Inferno[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:inferno) #### `inferno-particles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:inferno-particles) [![npm](https://img.shields.io/npm/v/inferno-particles?style=for-the-badge)](https://www.npmjs.com/package/inferno-particles) [![npm](https://img.shields.io/npm/dm/inferno-particles?style=for-the-badge)](https://www.npmjs.com/package/inferno-particles) Instructions available [here](https://github.com/tsparticles/inferno/#readme) ### jQuery[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jquery) #### `jquery-particles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jquery-particles) [![npm](https://img.shields.io/npm/v/jquery-particles?style=for-the-badge)](https://www.npmjs.com/package/jquery-particles) [![npm](https://img.shields.io/npm/dm/jquery-particles?style=for-the-badge)](https://www.npmjs.com/package/jquery-particles) Instructions available [here](https://github.com/tsparticles/jquery/#readme) ### Preact[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:preact) #### `preact-particles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:preact-particles) [![npm](https://img.shields.io/npm/v/preact-particles?style=for-the-badge)](https://www.npmjs.com/package/preact-particles) [![npm](https://img.shields.io/npm/dm/preact-particles?style=for-the-badge)](https://www.npmjs.com/package/preact-particles) Instructions available [here](https://github.com/tsparticles/preact/#readme) ### ReactJS[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:reactjs) #### `@tsparticles/react`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesreact) [![npm](https://img.shields.io/npm/v/@tsparticles/react?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/react) [![npm](https://img.shields.io/npm/dm/@tsparticles/react?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/react) Instructions available [here](https://github.com/tsparticles/react/#readme) ### RiotJS[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:riotjs) #### `riot-particles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:riot-particles) [![npm](https://img.shields.io/npm/v/riot-particles?style=for-the-badge)](https://www.npmjs.com/package/riot-particles) [![npm](https://img.shields.io/npm/dm/riot-particles?style=for-the-badge)](https://www.npmjs.com/package/riot-particles) You can find the instructions [here](https://github.com/tsparticles/riot/#readme) ### SolidJS[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:solidjs) #### `solid-particles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:solid-particles) [![npm](https://img.shields.io/npm/v/solid-particles?style=for-the-badge)](https://www.npmjs.com/package/solid-particles) [![npm](https://img.shields.io/npm/dm/solid-particles?style=for-the-badge)](https://www.npmjs.com/package/solid-particles) You can find the instructions [here](https://github.com/tsparticles/solid/#readme) ### Svelte[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:svelte) #### `@tsparticles/svelte`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlessvelte) [![npm](https://img.shields.io/npm/v/@tsparticles/svelte?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/svelte) [![npm downloads](https://img.shields.io/npm/dm/@tsparticles/svelte?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/svelte) Instructions available [here](https://github.com/tsparticles/svelte/#readme) ### VueJS 2.x[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:vuejs-2x) #### `@tsparticles/vue2`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesvue2) [![npm](https://img.shields.io/npm/v/@tsparticles/vue2?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/vue2) [![npm](https://img.shields.io/npm/dm/@tsparticles/vue2?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/vue2) Instructions available [here](https://github.com/tsparticles/vue2/#readme) ### VueJS 3.x[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:vuejs-3x) #### `@tsparticles/vue3`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesvue3) [![npm](https://img.shields.io/npm/v/@tsparticles/vue3?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/vue3) [![npm](https://img.shields.io/npm/dm/@tsparticles/vue3?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/vue3) Instruction available [here](https://github.com/tsparticles/vue3/#readme) ### Web Components[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:web-components) #### `web-particles`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:web-particles) [![npm](https://img.shields.io/npm/v/web-particles?style=for-the-badge)](https://www.npmjs.com/package/web-particles) [![npm](https://img.shields.io/npm/dm/web-particles?style=for-the-badge)](https://www.npmjs.com/package/web-particles) You can find the instructions [here](https://github.com/tsparticles/webcomponents/#readme) ### WordPress[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:wordpress) #### `@tsparticles/wordpress`[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticleswordpress) [![npm](https://img.shields.io/npm/v/@tsparticles/wordpress?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/wordpress) [![npm](https://img.shields.io/npm/dm/@tsparticles/wordpress?style=for-the-badge)](https://www.npmjs.com/package/@tsparticles/wordpress) [![WordPress Plugin Downloads](https://img.shields.io/wordpress/plugin/dw/@tsparticles/block?style=for-the-badge)](https://wordpress.org/plugins/tsparticles-block/) [![WordPress Plugin Active Installs](https://img.shields.io/wordpress/plugin/installs/tsparticles-block?style=for-the-badge)](https://wordpress.org/plugins/tsparticles-block/) The plugin page hosted on [WordPress.org](http://wordpress.org/) can be found [here](https://wordpress.org/plugins/tsparticles-block/#description) ### Elementor[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:elementor) Actually, an official tsParticles plugin isn't existing, but I have a collaboration with the `Premium Addons for Elementor` plugin collection. ![Premium Addons for Elementor](https://particles.js.org/images/premium-addons-wordpress-plugin.png) Premium Addons for Elementor is one of the most common plugins for Elementor that offers more than 55 highly customizable Elementor Widgets and Section Add-ons. tsParticles is exclusively included in Premium Particles Section Add-on for Elementor Page Builder. [Check It Now](https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/) . Use Premium Addons for Elementor Page Builder and get the chance to include tsParticles in your next WordPress website without the need to write a single line of code. [See a Live Example](https://premiumaddons.com/particles-section-addon-for-elementor-page-builder/) . * * * Presets[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:presets) ------------------------------------------------------------------------------------ There are some presets ready to be used in [this repository](https://github.com/tsparticles/presets) , and they also have a bundle file that contains everything needed to run. ### Big Circles[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:big-circles) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-big-circles/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-big-circles) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-big-circles.svg)](https://www.npmjs.com/package/@tsparticles/preset-big-circles) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-big-circles)](https://www.npmjs.com/package/@tsparticles/preset-big-circles) This preset loads big colored circles moving upwards on a white background. [![demo](https://github.com/tsparticles/presets/raw/main/presets/bigCircles/images/sample.png)](https://particles.js.org/samples/presets/bigCircles) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/bigCircles#readme) ### Bubbles[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:bubbles) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-bubbles/badge)](https://www.jsdelivr.com/package/npm/tsparticles) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-bubbles.svg)](https://www.npmjs.com/package/@tsparticles/preset-bubbles) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-bubbles)](https://www.npmjs.com/package/@tsparticles/preset-bubbles) This preset loads colored bubbles coming from the bottom of the screen on a white background. [![demo](https://github.com/tsparticles/presets/raw/main/presets/bubbles/images/sample.png)](https://particles.js.org/samples/presets/bubbles) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/bubbles#readme) ### Confetti[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:confetti) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-confetti/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-confetti) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-confetti.svg)](https://www.npmjs.com/package/@tsparticles/preset-confetti) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-confetti)](https://www.npmjs.com/package/@tsparticles/preset-confetti) This preset loads white and red confetti launched from the screen center on a transparent background. [![demo](https://github.com/tsparticles/presets/raw/main/presets/confetti/images/sample.png)](https://particles.js.org/samples/presets/confetti) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/confetti#readme) ### Fire[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fire) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-fire/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-fire) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-fire.svg)](https://www.npmjs.com/package/@tsparticles/preset-fire) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-fire)](https://www.npmjs.com/package/@tsparticles/preset-fire) This preset loads a faded red to a black background with particles colored like fire and ash sparks. [![demo](https://github.com/tsparticles/presets/raw/main/presets/fire/images/sample.png)](https://particles.js.org/samples/presets/fire) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/fire#readme) ### Firefly[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:firefly) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-firefly/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-firefly) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-firefly.svg)](https://www.npmjs.com/package/@tsparticles/preset-firefly) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-firefly)](https://www.npmjs.com/package/@tsparticles/preset-firefly) This preset loads a mouse trail made with small fading particles like little fireflies. [![demo](https://github.com/tsparticles/presets/raw/main/presets/firefly/images/sample.png)](https://particles.js.org/samples/presets/firefly) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/firefly#readme) ### Fireworks[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fireworks) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-fireworks/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-fireworks) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-fireworks.svg)](https://www.npmjs.com/package/@tsparticles/preset-fireworks) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-fireworks)](https://www.npmjs.com/package/@tsparticles/preset-fireworks) This preset loads a beautiful fireworks effect. [![demo](https://github.com/tsparticles/presets/raw/main/presets/fireworks/images/sample.png)](https://particles.js.org/samples/presets/fireworks) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/fireworks#readme) ### Fountain[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fountain) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-fountain/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-fountain) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-fountain.svg)](https://www.npmjs.com/package/@tsparticles/preset-fountain) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-fountain)](https://www.npmjs.com/package/@tsparticles/preset-fountain) [![demo](https://github.com/tsparticles/presets/raw/main/presets/fountain/images/sample.png)](https://particles.js.org/samples/presets/fountain) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/fountain#readme) ### Links[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:links) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-links/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-links) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-links.svg)](https://www.npmjs.com/package/@tsparticles/preset-links) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-links)](https://www.npmjs.com/package/@tsparticles/preset-links) [![demo](https://github.com/tsparticles/presets/raw/main/presets/links/images/sample.png)](https://particles.js.org/samples/presets/links) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/links#readme) ### Sea Anemone[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:sea-anemone) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-sea-anemone/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-sea-anemone) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-sea-anemone.svg)](https://www.npmjs.com/package/@tsparticles/preset-sea-anemone) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-sea-anemone)](https://www.npmjs.com/package/@tsparticles/preset-sea-anemone) [![demo](https://github.com/tsparticles/presets/raw/main/presets/seaAnemone/images/sample.png)](https://particles.js.org/samples/presets/seaAnemone) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/seaAnemone#readme) ### Snow[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:snow) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-snow/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-snow) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-snow.svg)](https://www.npmjs.com/package/@tsparticles/preset-snow) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-snow)](https://www.npmjs.com/package/@tsparticles/preset-snow) [![demo](https://github.com/tsparticles/presets/raw/main/presets/snow/images/sample.png)](https://particles.js.org/samples/presets/snow) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/snow#readme) ### Stars[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:stars) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-stars/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-stars) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-stars.svg)](https://www.npmjs.com/package/@tsparticles/preset-stars) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-stars)](https://www.npmjs.com/package/@tsparticles/preset-stars) [![demo](https://github.com/tsparticles/presets/raw/main/presets/stars/images/sample.png)](https://particles.js.org/samples/presets/stars) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/stars#readme) ### Triangles[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:triangles) [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/preset-triangles/badge?style=for-the-badge)](https://www.jsdelivr.com/package/npm/@tsparticles/preset-triangles) [![npmjs](https://badge.fury.io/js/@tsparticles/preset-triangles.svg)](https://www.npmjs.com/package/@tsparticles/preset-triangles) [![npmjs](https://img.shields.io/npm/dt/@tsparticles/preset-triangles)](https://www.npmjs.com/package/@tsparticles/preset-triangles) [![demo](https://github.com/tsparticles/presets/raw/main/presets/triangles/images/sample.png)](https://particles.js.org/samples/presets/triangles) You can find the instructions [here](https://github.com/tsparticles/presets/tree/main/presets/triangles#readme) * * * Templates and Resources[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:templates-and-resources) -------------------------------------------------------------------------------------------------------------------- You can find some tsParticles related templates [here](https://github.com/tsparticles/templates) . The templates are created for _Vanilla Javascript_, _ReactJS_, _VueJS_, _Angular_, _SvelteJS_, and other frameworks. The templates will vary, new ones can be created or older ones updated with the latest features or changed to a better style. Check them out once in a while. If you created some good design with _tsParticles_ feel free to submit a pull request with your cool template, you'll be credited as the template author! [https://github.com/tsparticles/templates](https://github.com/tsparticles/templates) * * * **_Demo / Generator_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:demo--generator) ----------------------------------------------------------------------------------------------------------- [https://particles.js.org/samples](https://particles.js.org/samples) [![Particles demo](https://particles.js.org/images/demo2.png?v=1.39.1)](https://particles.js.org/samples) * * * **_Video Tutorials_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:video-tutorials) ---------------------------------------------------------------------------------------------------------- You can find all video tutorials on the website here: [https://particles.js.org/video.html](https://particles.js.org/video.html) _More videos are coming soon! Check every day if there are some new contents._ * * * ### Characters as particles[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:characters-as-particles) [![Particles chars demo](https://media.giphy.com/media/JsssOXz72bM6jGEZ0s/giphy.gif)](https://particles.js.org/samples/#chars) * * * ### Polygon mask[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:polygon-mask) [![tsParticles Polygon Mask demo](https://media.giphy.com/media/lNRfiSgaMFbL4FMhW6/giphy.gif)](https://particles.js.org/samples/#polygonMask) * * * ### Animated stars[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:animated-stars) [![Particles NASA demo](https://media.giphy.com/media/cLqGsnh7FKRVMgPIWE/giphy.gif)](https://particles.js.org/samples/#nasa) * * * ### Nyan cat flying on scrolling stars[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:nyan-cat-flying-on-scrolling-stars) [![Particles Nyan Cat demo](https://media.giphy.com/media/LpX2oNc9ZMgIhIXQL9/giphy.gif)](https://particles.js.org/samples/#nyancat2) * * * ### Snow particles[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:snow-particles) [![tsParticles Snow demo](https://media.giphy.com/media/gihwUFbmiubbkdzEMX/giphy.gif)](https://particles.js.org/samples/#snow) * * * ### Background Mask particles[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:background-mask-particles) [![tsParticles Background Mask demo](https://media.giphy.com/media/dWraWgqInWFGWiOyRu/giphy.gif)](https://particles.js.org/samples/#background) * * * **particles.json** You can find some config samples [here](https://github.com/tsparticles/website/tree/main/presets) 📖 * * * **_Options_**[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:options) ------------------------------------------------------------------------------------------ You can find all options available [here](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) 📖 Want to see it in action and try it?[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:want-to-see-it-in-action-and-try-it) --------------------------------------------------------------------------------------------------------------------------------------------- I've created a tsParticles collection on [CodePen](https://codepen.io/collection/DPOage) 😮 or you can check out my [profile](https://codepen.io/matteobruni) Otherwise, there's the demo page link below. [![tsParticles demo](https://media.giphy.com/media/fsVN1ZHksgBIXNIbr1/giphy.gif)](https://particles.js.org/samples/) Want to see even more demos? Clone the repository on your computer and follow these instructions $ pnpm i$ pnpm run build$ cd demo/vanilla$ pnpm start **Boom! 💥** [http://localhost:3000](http://localhost:3000/) and you can check out other demos. _If you are brave enough_ you can switch to the `dev` branch for trying the features under development. * * * Migrating from Particles.js[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:migrating-from-particlesjs) --------------------------------------------------------------------------------------------------------------------------- **tsParticles** has a package that makes this library 100% compatible with the _particles.js_ configuration. [![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/particles.js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@tsparticles/particles.js) [![npmjs](https://badge.fury.io/js/@tsparticles/particles.js.svg)](https://www.npmjs.com/package/@tsparticles/particles.js) [![npm](https://img.shields.io/npm/dm/@tsparticles/particles.js)](https://www.npmjs.com/package/@tsparticles/particles.js) Seriously, you just need to change the script from particles.js to the bundled compatibility package, et-voilà, **you're ready** 🧙! You can read more **[here](https://dev.to/matteobruni/migrating-from-particles-js-to-tsparticles-2a6m) ** Want to know 5 reasons to do the switch? [Read here](https://dev.to/matteobruni/5-reasons-to-use-tsparticles-and-not-particles-js-1gbe) _Below you can find all the information you need to install tsParticles and its new syntax._ * * * Plugins/Customizations[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:pluginscustomizations) ----------------------------------------------------------------------------------------------------------------- tsParticles now supports some customizations 🥳. **You can create your own plugins** _Read more [here](https://particles.js.org/docs/modules/Core_Interfaces_IPlugin.html) ..._ * * * Dependency Graph[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:dependency-graph) ------------------------------------------------------------------------------------------------------ flowchart TD subgraph core [Core] engine[tsParticles Engine] perlin-noise[Perlin Noise Lib] simplex-noise[Simplex Noise Lib] configs[tsParticles Configs] end subgraph bundle-basic [tsParticles Basic] subgraph basic-movers [Movers] move-base[Base] end subgraph basic-shapes [Shapes] shape-circle[Circle] end subgraph basic-updates [Updaters] updater-color[Color] updater-opacity[Opacity] updater-out-modes[Out Modes] updater-size[Size] end end engine --> bundle-basic subgraph bundle-confetti [tsParticles Confetti] subgraph confetti-plugins [Plugins] plugin-emitters plugin-motion end subgraph confetti-shapes [Shapes] shape-cards shape-emoji shape-heart shape-image shape-polygon shape-square shape-star end subgraph confetti-updaters [Updaters] updater-life updater-roll updater-rotate updater-tilt updater-wobble end end bundle-basic --> bundle-confetti subgraph bundle-slim [tsParticles Slim] subgraph slim-interactions [Interactions] subgraph slim-interactions-external [Externals] interaction-external-attract[Attract] interaction-external-bounce[Bounce] interaction-external-bubble[Bubble] interaction-external-connect[Connect] interaction-external-grab[Grab] interaction-external-pause[Pause] interaction-external-push[Push] interaction-external-remove[Remove] interaction-external-repulse[Repulse] interaction-external-slow[Slow] end subgraph slim-interactions-particles [Particles] interaction-particles-attract[Attract] interaction-particles-collisions[Collisions] interaction-particles-links[Links] end end subgraph slim-movers [Movers] move-parallax[Parallax] end subgraph slim-plugins [Plugins] subgraph slim-plugins-easings [Easings] plugin-easing-quad[Quad] end end subgraph slim-shapes [Shapes] shape-emoji[Emoji] shape-image[Image] shape-line[Line] shape-polygon[Polygon] shape-square[Square] shape-star[Star] end subgraph slim-updaters [Updaters] updater-life[Life] updater-rotate[Rotate] updater-stroke-color[Stroke Color] end end bundle-basic --> bundle-slim subgraph bundle-fireworks [tsParticles Fireworks] subgraph fireworks-effects [Effects] effect-trail end subgraph fireworks-plugins [Plugins] plugin-emitters subgraph fireworks-plugin-emitters-shapes [Emitters Shapes] plugin-emitters-shape-square end plugin-sounds end subgraph fireworks-updaters [Updaters] updater-destroy updater-life updater-rotate end end bundle-basic --> bundle-fireworks subgraph bundle-full [tsParticles] subgraph full-interactions [Interactions] subgraph full-interactions-external [Externals] interaction-external-trail[Trail] end end subgraph full-plugins [Plugins] plugin-absorbers[Absorbers] plugin-emitters[Emitters] subgraph full-plugin-emitters-shapes [Emitters Shapes] plugin-emitters-shape-circle[Circle] plugin-emitters-shape-square[Square] end end subgraph full-shapes [Shapes] shape-text[Text] end subgraph full-updaters [Updaters] updater-destroy[Destroy] updater-roll[Roll] updater-tilt[Tilt] updater-twinkle[Twinkle] updater-wobble[Wobble] end end bundle-slim --> bundle-full subgraph bundle-all [tsParticles All] bundle-pjs[tsParticles Particles.js Compatibility] subgraph all-effects [Effects] effect-bubble[Bubble] effect-trail[Trail] end subgraph all-interactions [Interactions] subgraph all-interactions-external [External] interaction-external-particle[Particle] interaction-external-pop[Pop] end interaction-light[Light] subgraph all-interactions-particles [Particles] interaction-particles-repulse[Repulse] end end subgraph all-paths [Paths] path-curl-noise[Curl Noise] path-curves[Curves] path-perlin-noise[Perlin Noise] path-polygon[Polygon] path-simplex-noise[Simplex Noise] path-svg[SVG] end subgraph all-plugins [Plugins] plugin-canvas-mask[Canvas Mask] subgraph all-plugins-colors [Colors] plugin-hsv-color[HSV Color] plugin-named-color[Named Color] plugin-oklch-color[Oklch Color] end subgraph all-plugins-easings [Easings] plugin-easing-back[Back] plugin-easing-circ[Circ] plugin-easing-cubic[Cubic] plugin-easing-expo[Expo] plugin-easing-linear[Linear] plugin-easing-quart[Quart] plugin-easing-quint[Quint] plugin-easing-sine[Sine] end subgraph all-plugin-emitters-shapes [Emitters Shapes] plugin-emitters-shape-canvas[Canvas] plugin-emitters-shape-path[Path] plugin-emitters-shape-polygon[Polygon] end subgraph all-plugins-exports [Exports] plugin-export-image[Image] plugin-export-json[JSON] plugin-export-video[Video] end plugin-infection[Infection] plugin-motion[Motion] plugin-poisson-disc[Poisson Disc] plugin-polygon-mask[Polygon Mask] plugin-sounds[Sounds] end subgraph all-shapes [Shapes] shape-arrow[Arrow] shape-cards[Cards] shape-cog[Cog] shape-heart[Heart] shape-path[Path] shape-rounded-polygon[Rounded Polygon] shape-rounded-rect[Rounded Rect] shape-spiral[Spiral] end subgraph all-updaters [Updaters] updater-gradient[Gradient] updater-orbit[Orbit] end simplex-noise --> path-curl-noise perlin-noise --> path-perlin-noise simplex-noise --> path-simplex-noise end bundle-full --> bundle-all * * * [![JetBrains](https://raw.githubusercontent.com/tsparticles/tsparticles/gh-pages/images/jetbrains-logos/jetbrains-variant-4.png)](https://www.jetbrains.com/?from=tsParticles) [![JetBrains](https://raw.githubusercontent.com/tsparticles/tsparticles/gh-pages/images/jetbrains-logos/logo.png)](https://www.jetbrains.com/webstorm/?from=tsParticles) Sponsors[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:sponsors) -------------------------------------------------------------------------------------- ### JetBrains[](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jetbrains) Huge thanks to [JetBrains](https://www.jetbrains.com/?from=tsParticles) for the 2020-2022 Open Source Licenses! [JetBrains WebStorm](https://www.jetbrains.com/webstorm/?from=tsParticles) is used to maintain this project. ### Index ### Documents ### Modules [bundle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html) [Core/Canvas](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Canvas.html) [Core/Container](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Container.html) [Core/Engine](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Engine.html) [Core/Interfaces/Colors](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_Colors.html) [Core/Interfaces/IBounds](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IBounds.html) [Core/Interfaces/IBubbleParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IBubbleParticleData.html) [Core/Interfaces/ICircleBouncer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ICircleBouncer.html) [Core/Interfaces/IColorManager](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IColorManager.html) [Core/Interfaces/IContainerInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.html) [Core/Interfaces/IContainerPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IContainerPlugin.html) [Core/Interfaces/ICoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ICoordinates.html) [Core/Interfaces/IDelta](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDelta.html) [Core/Interfaces/IDimension](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDimension.html) [Core/Interfaces/IDistance](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDistance.html) [Core/Interfaces/IDrawParticleParams](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDrawParticleParams.html) [Core/Interfaces/IEffectDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IEffectDrawer.html) [Core/Interfaces/IExternalInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IExternalInteractor.html) [Core/Interfaces/IInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IInteractor.html) [Core/Interfaces/ILoadParams](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ILoadParams.html) [Core/Interfaces/IMouseData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IMouseData.html) [Core/Interfaces/IMovePathGenerator](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.html) [Core/Interfaces/IParticleColorStyle](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleColorStyle.html) [Core/Interfaces/IParticleHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleHslAnimation.html) [Core/Interfaces/IParticleLife](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleLife.html) [Core/Interfaces/IParticleMover](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleMover.html) [Core/Interfaces/IParticleRetinaProps](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleRetinaProps.html) [Core/Interfaces/IParticleRoll](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleRoll.html) [Core/Interfaces/IParticlesInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticlesInteractor.html) [Core/Interfaces/IParticleTransformValues](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleTransformValues.html) [Core/Interfaces/IParticleUpdater](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleUpdater.html) [Core/Interfaces/IParticleValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.html) [Core/Interfaces/IPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IPlugin.html) [Core/Interfaces/IPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.html) [Core/Interfaces/IRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IRangeValue.html) [Core/Interfaces/IRectSideResult](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IRectSideResult.html) [Core/Interfaces/IShapeDrawData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IShapeDrawData.html) [Core/Interfaces/IShapeDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IShapeDrawer.html) [Core/Interfaces/IShapeValues](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IShapeValues.html) [Core/Interfaces/ISlowParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ISlowParticleData.html) [Core/Interfaces/ITrailFillData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ITrailFillData.html) [Core/Particle](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Particle.html) [Core/Particles](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Particles.html) [Core/Retina](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Retina.html) [Core/Utils/Constants](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Constants.html) [Core/Utils/EventListeners](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_EventListeners.html) [Core/Utils/ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_ExternalInteractorBase.html) [Core/Utils/InteractionManager](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_InteractionManager.html) [Core/Utils/ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_ParticlesInteractorBase.html) [Core/Utils/Point](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Point.html) [Core/Utils/QuadTree](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_QuadTree.html) [Core/Utils/Ranges](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Ranges.html) [Core/Utils/Vectors](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Vectors.html) [Enums/AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_AnimationStatus.html) [Enums/Directions/MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Directions_MoveDirection.html) [Enums/Directions/OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Directions_OutModeDirection.html) [Enums/Directions/RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Directions_RotateDirection.html) [Enums/InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_InteractivityDetect.html) [Enums/Modes/AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_AnimationMode.html) [Enums/Modes/CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_CollisionMode.html) [Enums/Modes/LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_LimitMode.html) [Enums/Modes/OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_OutMode.html) [Enums/Modes/PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_PixelMode.html) [Enums/Modes/ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_ResponsiveMode.html) [Enums/Modes/ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_ThemeMode.html) [Enums/Types/AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_AlterType.html) [Enums/Types/DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_DestroyType.html) [Enums/Types/DivType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_DivType.html) [Enums/Types/EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_EasingType.html) [Enums/Types/EventType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_EventType.html) [Enums/Types/GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_GradientType.html) [Enums/Types/InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_InteractorType.html) [Enums/Types/ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_ParticleOutType.html) [Enums/Types/StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_StartValueType.html) [export-types](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html) [exports](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html) [index](https://particles.js.org/docs/modules/tsParticles_Engine.index.html) [init](https://particles.js.org/docs/modules/tsParticles_Engine.init.html) [Options/Classes/AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_AnimatableColor.html) [Options/Classes/AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_AnimationOptions.html) [Options/Classes/Background/Background](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Background_Background.html) [Options/Classes/BackgroundMask/BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.html) [Options/Classes/BackgroundMask/BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.html) [Options/Classes/ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_ColorAnimation.html) [Options/Classes/FullScreen/FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.html) [Options/Classes/HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_HslAnimation.html) [Options/Classes/Interactivity/Events/ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_ClickEvent.html) [Options/Classes/Interactivity/Events/DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_DivEvent.html) [Options/Classes/Interactivity/Events/Events](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.html) [Options/Classes/Interactivity/Events/HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_HoverEvent.html) [Options/Classes/Interactivity/Events/Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_Parallax.html) [Options/Classes/Interactivity/Events/ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_ResizeEvent.html) [Options/Classes/Interactivity/Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.html) [Options/Classes/Interactivity/Modes/Modes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.html) [Options/Classes/ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_ManualParticle.html) [Options/Classes/Options](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Options.html) [Options/Classes/OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_OptionsColor.html) [Options/Classes/Particles/Bounce/ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.html) [Options/Classes/Particles/Bounce/ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounceFactor.html) [Options/Classes/Particles/Collisions/Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.html) [Options/Classes/Particles/Collisions/CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsAbsorb.html) [Options/Classes/Particles/Collisions/CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsOverlap.html) [Options/Classes/Particles/Effect/Effect](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Effect_Effect.html) [Options/Classes/Particles/Move/Move](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_Move.html) [Options/Classes/Particles/Move/MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveAngle.html) [Options/Classes/Particles/Move/MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveAttract.html) [Options/Classes/Particles/Move/MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveCenter.html) [Options/Classes/Particles/Move/MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveGravity.html) [Options/Classes/Particles/Move/MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrail.html) [Options/Classes/Particles/Move/MoveTrailFill](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrailFill.html) [Options/Classes/Particles/Move/OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_OutModes.html) [Options/Classes/Particles/Move/Path/MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_Path_MovePath.html) [Options/Classes/Particles/Move/Spin](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_Spin.html) [Options/Classes/Particles/Number/ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesDensity.html) [Options/Classes/Particles/Number/ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.html) [Options/Classes/Particles/Number/ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumberLimit.html) [Options/Classes/Particles/Opacity/Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.html) [Options/Classes/Particles/Opacity/OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Opacity_OpacityAnimation.html) [Options/Classes/Particles/ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.html) [Options/Classes/Particles/Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Shadow.html) [Options/Classes/Particles/Shape/Shape](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.html) [Options/Classes/Particles/Size/Size](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Size_Size.html) [Options/Classes/Particles/Size/SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Size_SizeAnimation.html) [Options/Classes/Particles/Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Stroke.html) [Options/Classes/Particles/ZIndex/ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.html) [Options/Classes/Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Responsive.html) [Options/Classes/Theme/Theme](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Theme_Theme.html) [Options/Classes/Theme/ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.html) [Options/Classes/ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_ValueWithRandom.html) [Options/Interfaces/Background/IBackground](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Background_IBackground.html) [Options/Interfaces/BackgroundMask/IBackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.html) [Options/Interfaces/BackgroundMask/IBackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.html) [Options/Interfaces/FullScreen/IFullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.html) [Options/Interfaces/IAnimatable](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IAnimatable.html) [Options/Interfaces/IAnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IAnimatableColor.html) [Options/Interfaces/IAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IAnimation.html) [Options/Interfaces/IColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IColorAnimation.html) [Options/Interfaces/IHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IHslAnimation.html) [Options/Interfaces/IManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IManualParticle.html) [Options/Interfaces/Interactivity/Events/IClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IClickEvent.html) [Options/Interfaces/Interactivity/Events/IDivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IDivEvent.html) [Options/Interfaces/Interactivity/Events/IEvents](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.html) [Options/Interfaces/Interactivity/Events/IHoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IHoverEvent.html) [Options/Interfaces/Interactivity/Events/IParallax](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IParallax.html) [Options/Interfaces/Interactivity/Events/IResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IResizeEvent.html) [Options/Interfaces/Interactivity/IInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.html) [Options/Interfaces/Interactivity/Modes/IModeDiv](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModeDiv.html) [Options/Interfaces/Interactivity/Modes/IModes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.html) [Options/Interfaces/IOptionLoader](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptionLoader.html) [Options/Interfaces/IOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptions.html) [Options/Interfaces/IOptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptionsColor.html) [Options/Interfaces/IResponsive](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IResponsive.html) [Options/Interfaces/IValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IValueWithRandom.html) [Options/Interfaces/Particles/Bounce/IParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.html) [Options/Interfaces/Particles/Collisions/ICollisions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.html) [Options/Interfaces/Particles/Collisions/ICollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsAbsorb.html) [Options/Interfaces/Particles/Collisions/ICollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsOverlap.html) [Options/Interfaces/Particles/Effect/IEffect](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.html) [Options/Interfaces/Particles/IParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.html) [Options/Interfaces/Particles/IShadow](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IShadow.html) [Options/Interfaces/Particles/IStroke](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IStroke.html) [Options/Interfaces/Particles/Move/IMove](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.html) [Options/Interfaces/Particles/Move/IMoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAngle.html) [Options/Interfaces/Particles/Move/IMoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAttract.html) [Options/Interfaces/Particles/Move/IMoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveCenter.html) [Options/Interfaces/Particles/Move/IMoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveGravity.html) [Options/Interfaces/Particles/Move/IMoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrail.html) [Options/Interfaces/Particles/Move/IMoveTrailFill](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrailFill.html) [Options/Interfaces/Particles/Move/IOutModes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IOutModes.html) [Options/Interfaces/Particles/Move/ISpin](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_ISpin.html) [Options/Interfaces/Particles/Move/Path/IMovePath](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_Path_IMovePath.html) [Options/Interfaces/Particles/Number/IParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesDensity.html) [Options/Interfaces/Particles/Number/IParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.html) [Options/Interfaces/Particles/Number/IParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumberLimit.html) [Options/Interfaces/Particles/Opacity/IOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.html) [Options/Interfaces/Particles/Opacity/IOpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacityAnimation.html) [Options/Interfaces/Particles/Shape/IShape](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.html) [Options/Interfaces/Particles/Size/ISize](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.html) [Options/Interfaces/Particles/Size/ISizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Size_ISizeAnimation.html) [Options/Interfaces/Particles/ZIndex/IZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.html) [Options/Interfaces/Theme/ITheme](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Theme_ITheme.html) [Options/Interfaces/Theme/IThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.html) [Types/CustomEventArgs](https://particles.js.org/docs/modules/tsParticles_Engine.Types_CustomEventArgs.html) [Types/CustomEventListener](https://particles.js.org/docs/modules/tsParticles_Engine.Types_CustomEventListener.html) [Types/EasingFunction](https://particles.js.org/docs/modules/tsParticles_Engine.Types_EasingFunction.html) [Types/ExportResult](https://particles.js.org/docs/modules/tsParticles_Engine.Types_ExportResult.html) [Types/ISourceOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Types_ISourceOptions.html) [Types/ParticlesGroups](https://particles.js.org/docs/modules/tsParticles_Engine.Types_ParticlesGroups.html) [Types/PathOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Types_PathOptions.html) [Types/RangeType](https://particles.js.org/docs/modules/tsParticles_Engine.Types_RangeType.html) [Types/RangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.Types_RangeValue.html) [Types/RecursivePartial](https://particles.js.org/docs/modules/tsParticles_Engine.Types_RecursivePartial.html) [Types/ShapeData](https://particles.js.org/docs/modules/tsParticles_Engine.Types_ShapeData.html) [Types/SingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.Types_SingleOrMultiple.html) [Utils/CanvasUtils](https://particles.js.org/docs/modules/tsParticles_Engine.Utils_CanvasUtils.html) [Utils/ColorUtils](https://particles.js.org/docs/modules/tsParticles_Engine.Utils_ColorUtils.html) [Utils/EventDispatcher](https://particles.js.org/docs/modules/tsParticles_Engine.Utils_EventDispatcher.html) [Utils/NumberUtils](https://particles.js.org/docs/modules/tsParticles_Engine.Utils_NumberUtils.html) [Utils/OptionsUtils](https://particles.js.org/docs/modules/tsParticles_Engine.Utils_OptionsUtils.html) [Utils/TypeUtils](https://particles.js.org/docs/modules/tsParticles_Engine.Utils_TypeUtils.html) [Utils/Utils](https://particles.js.org/docs/modules/tsParticles_Engine.Utils_Utils.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page [tsParticles - TypeScript Particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticles---typescript-particles) * [Table of Contents](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:table-of-contents) * [Do you want to use it on your website?](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:do-you-want-to-use-it-on-your-website) * [Library installation](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:library-installation) * * [Hosting / CDN](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:hosting--cdn) * * [jsDelivr](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jsdelivr) * [cdnjs](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:cdnjs) * [unpkg](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:unpkg) * [npm](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:npm) * [yarn](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:yarn) * [pnpm](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:pnpm) * * [Import and require](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:import-and-require) * [Usage](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:usage) * [Official components for some of the most used frameworks](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:official-components-for-some-of-the-most-used-frameworks) * * [Angular](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:angular) * * [@tsparticles/angular](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesangular) * [Astro](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:astro) * * [astro-particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:astro-particles) * [Ember.js](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:emberjs) * * [ember-tsparticles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:ember-tsparticles) * [Inferno](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:inferno) * * [inferno-particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:inferno-particles) * [jQuery](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jquery) * * [jquery-particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jquery-particles) * [Preact](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:preact) * * [preact-particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:preact-particles) * [ReactJS](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:reactjs) * * [@tsparticles/react](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesreact) * [RiotJS](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:riotjs) * * [riot-particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:riot-particles) * [SolidJS](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:solidjs) * * [solid-particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:solid-particles) * [Svelte](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:svelte) * * [@tsparticles/svelte](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlessvelte) * [VueJS 2.x](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:vuejs-2x) * * [@tsparticles/vue2](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesvue2) * [VueJS 3.x](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:vuejs-3x) * * [@tsparticles/vue3](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticlesvue3) * [Web Components](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:web-components) * * [web-particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:web-particles) * [WordPress](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:wordpress) * * [@tsparticles/wordpress](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:tsparticleswordpress) * [Elementor](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:elementor) * [Presets](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:presets) * * [Big Circles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:big-circles) * [Bubbles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:bubbles) * [Confetti](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:confetti) * [Fire](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fire) * [Firefly](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:firefly) * [Fireworks](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fireworks) * [Fountain](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:fountain) * [Links](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:links) * [Sea Anemone](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:sea-anemone) * [Snow](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:snow) * [Stars](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:stars) * [Triangles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:triangles) * [Templates and Resources](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:templates-and-resources) * [Demo / Generator](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:demo--generator) * [Video Tutorials](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:video-tutorials) * * [Characters as particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:characters-as-particles) * [Polygon mask](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:polygon-mask) * [Animated stars](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:animated-stars) * [Nyan cat flying on scrolling stars](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:nyan-cat-flying-on-scrolling-stars) * [Snow particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:snow-particles) * [Background Mask particles](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:background-mask-particles) * [Options](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:options) * [Want to see it in action and try it?](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:want-to-see-it-in-action-and-try-it) * [Migrating from Particles.js](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:migrating-from-particlesjs) * [Plugins/Customizations](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:pluginscustomizations) * [Dependency Graph](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:dependency-graph) * [Sponsors](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:sponsors) * * [JetBrains](https://particles.js.org/docs/modules/tsParticles_Engine.html#md:jetbrains) --- # Types/RangeValue | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/RangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.Types_RangeValue.html) Module Types/RangeValue ======================= ### Index ### Type Aliases [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/BackgroundMask/IBackgroundMask | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/BackgroundMask/IBackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.html) Module Options/Interfaces/BackgroundMask/IBackgroundMask ======================================================== ### Index ### Interfaces [IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Background/IBackground | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Background/IBackground](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Background_IBackground.html) Module Options/Interfaces/Background/IBackground ================================================ ### Index ### Interfaces [IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Types/RecursivePartial | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/RecursivePartial](https://particles.js.org/docs/modules/tsParticles_Engine.Types_RecursivePartial.html) Module Types/RecursivePartial ============================= ### Index ### Type Aliases [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/FullScreen/IFullScreen | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/FullScreen/IFullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.html) Module Options/Interfaces/FullScreen/IFullScreen ================================================ ### Index ### Interfaces [IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IManualParticle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IManualParticle.html) Module Options/Interfaces/IManualParticle ========================================= ### Index ### Interfaces [IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Types/SingleOrMultiple | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/SingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.Types_SingleOrMultiple.html) Module Types/SingleOrMultiple ============================= ### Index ### Type Aliases [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/IInteractivity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/IInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.html) Module Options/Interfaces/Interactivity/IInteractivity ====================================================== ### Index ### Interfaces [IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Theme/ITheme | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Theme/ITheme](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Theme_ITheme.html) Module Options/Interfaces/Theme/ITheme ====================================== ### Index ### Interfaces [ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IRangeValue | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IRangeValue.html) * [IRangeValue](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html) Interface IRangeValue ===================== interface IRangeValue {     [max](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#max) : number;     [min](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#min) : number; } ##### Index ### Properties [max](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#max) [min](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#min) Properties ---------- ### max[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#max) max: number ### min[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#min) min: number ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [max](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#max) [min](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html#min) --- # Options/Interfaces/IResponsive | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IResponsive](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IResponsive.html) Module Options/Interfaces/IResponsive ===================================== ### Index ### Interfaces [IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/IParticlesOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/IParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.html) Module Options/Interfaces/Particles/IParticlesOptions ===================================================== ### Index ### Interfaces [IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Canvas | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Canvas](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Canvas.html) Module Core/Canvas ================== ### Index ### Classes [Canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Options | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Options](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Options.html) Module Options/Classes/Options ============================== ### Index ### Classes [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Container | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Container](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Container.html) Module Core/Container ===================== ### Index ### Classes [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # ResponsiveMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_ResponsiveMode.html) * [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) Enumeration ResponsiveMode ========================== ##### Index ### Enumeration Members [canvas](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html#canvas) [screen](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html#screen) Enumeration Members ------------------- ### canvas[](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html#canvas) canvas ### screen[](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html#screen) screen ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Enumeration Members [canvas](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html#canvas) [screen](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html#screen) --- # IThemeDefault | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Theme/IThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.html) * [IThemeDefault](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html) Interface IThemeDefault ======================= Options to set the default theme interface IThemeDefault {     [auto](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#auto) : boolean;     [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#mode) :         | "any"         | "dark"         | "light"         | [ThemeMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ThemeMode.ThemeMode.html) ;     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#value) : boolean; } #### Implemented by * [ThemeDefault](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.ThemeDefault.html) ##### Index ### Properties [auto](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#auto) [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#mode) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#value) Properties ---------- ### auto[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#auto) auto: boolean If set to true, this theme will be switched when the mode matches the user OS theme ### mode[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#mode) mode:     | "any"     | "dark"     | "light"     | [ThemeMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ThemeMode.ThemeMode.html) Default theme mode `any`: Sets the default theme for every configuration `dark`: Sets the default theme when the user has dark mode set `light`: Sets the default theme when the user has light mode set If `dark` or `light` themes are set, the `any` default theme will be used only for unset modes ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#value) value: boolean Sets or unsets the default flag to this theme and mode ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [auto](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#auto) [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#mode) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html#value) --- # InteractivityDetect | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_InteractivityDetect.html) * [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) Enumeration InteractivityDetect =============================== ##### Index ### Enumeration Members [canvas](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#canvas) [parent](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#parent) [window](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#window) Enumeration Members ------------------- ### canvas[](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#canvas) canvas ### parent[](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#parent) parent ### window[](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#window) window ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Enumeration Members [canvas](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#canvas) [parent](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#parent) [window](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html#window) --- # ICoordinatesWithMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/ICoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ICoordinates.html) * [ICoordinatesWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html) Interface ICoordinatesWithMode ============================== interface ICoordinatesWithMode {     [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#mode) : "percent" | "precise" | [PixelMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_PixelMode.PixelMode.html) ;     [x](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#x) : number;     [y](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#y) : number; } #### Hierarchy ([view full](https://particles.js.org/docs/hierarchy.html#tsParticles%20Engine.Core/Interfaces/ICoordinates.ICoordinatesWithMode) ) * [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) * ICoordinatesWithMode * [ICenterCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICenterCoordinates.html) ##### Index ### Properties [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#mode) [x](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#x) [y](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#y) Properties ---------- ### mode[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#mode) mode: "percent" | "precise" | [PixelMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_PixelMode.PixelMode.html) ### x[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#x) x: number ### y[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#y) y: number ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#mode) [x](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#x) [y](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html#y) --- # IColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/Colors](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_Colors.html) * [IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) Interface IColor ================ Color \[\[include:Color.md\]\] interface IColor {     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html#value) : [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <         | [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html)         | [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html)         | [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html)         | [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html)         | [IHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsv.html) \>; } ##### Index ### Properties [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html#value) Properties ---------- ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html#value) value: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <     | [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html)     | [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html)     | [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html)     | [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html)     | [IHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsv.html) \> Color value, can be a single or an array of [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html) , [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html) , [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) or string ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html#value) --- # FullScreen | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/FullScreen/FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.html) * [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) Class FullScreen ================ The options to set the particles in the background using CSS `fixed` position The [FullScreen.zIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#zIndex) property sets the background CSS `z-index` property \[\[include:Options/FullScreen.md\]\] #### Implements * [IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) \> ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#constructor) ### Properties [enable](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#enable) [zIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#zIndex) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#constructor) * new FullScreen(): [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#constructor.new_FullScreen) * #### Returns [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) Properties ---------- ### enable[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#enable) enable: boolean This property sets the canvas to a full window size acting like a background, the most common configuration. The default value is `false` since many already have different configurations. This is really helpful since there's no need to write CSS code to have a full size tsParticles instance. ### zIndex[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#zIndex) zIndex: number This is the CSS `z-index` property set to the canvas. If the `z-index` is less than `0` the mouse interactions works only with the `interactivity.detectsOn` set to `window`. Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#constructor) Properties [enable](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#enable) [zIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#zIndex) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html#load) --- # IParticlesBounce | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Bounce/IParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.html) * [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) Interface IParticlesBounce ========================== interface IParticlesBounce {     [horizontal](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#horizontal) : [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) ;     [vertical](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#vertical) : [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) ; } #### Implemented by * [ParticlesBounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.ParticlesBounce.html) ##### Index ### Properties [horizontal](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#horizontal) [vertical](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#vertical) Properties ---------- ### horizontal[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#horizontal) horizontal: [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) ### vertical[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#vertical) vertical: [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [horizontal](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#horizontal) [vertical](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html#vertical) --- # IRangeColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/Colors](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_Colors.html) * [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) Interface IRangeColor ===================== Range Color \[\[include:Color.md\]\] interface IRangeColor {     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html#value) : [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <         | [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html)         | [IRangeValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeValueColor.html)         | [IRangeRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeRgb.html)         | [IRangeHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsl.html)         | [IRangeHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsv.html) \>; } ##### Index ### Properties [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html#value) Properties ---------- ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html#value) value: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <     | [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html)     | [IRangeValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeValueColor.html)     | [IRangeRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeRgb.html)     | [IRangeHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsl.html)     | [IRangeHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsv.html) \> Color value, can be a single or an array of [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html) , [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html) , [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) or string ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html#value) --- # Core/Engine | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Engine](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Engine.html) Module Core/Engine ================== ### Index ### Classes [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IBackgroundMaskCover | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/BackgroundMask/IBackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.html) * [IBackgroundMaskCover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html) Interface IBackgroundMaskCover ============================== The background cover customization interface IBackgroundMaskCover {     [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#color) ?: string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) ;     [image](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#image) ?: string;     [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#opacity) : number; } #### Implemented by * [BackgroundMaskCover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.BackgroundMaskCover.html) ##### Index ### Properties [color?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#color) [image?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#image) [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#opacity) Properties ---------- ### `Optional`color[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#color) color?: string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) The background color hiding all elements behind, string or [IOptionsColor](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) value. ### `Optional`image[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#image) image?: string The background image hiding all elements behind ### opacity[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#opacity) opacity: number The opacity of the background ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#color) [image](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#image) [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html#opacity) --- # Background | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Background/Background](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Background_Background.html) * [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) Class Background ================ \[\[include:Options/Background.md\]\] #### Implements * [IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) \> ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#constructor) ### Properties [color](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#color) [image](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#image) [opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#opacity) [position](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#position) [repeat](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#repeat) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#size) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#constructor) * new Background(): [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#constructor.new_Background) * #### Returns [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) Properties ---------- ### color[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#color) color: [OptionsColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_OptionsColor.OptionsColor.html) The `color` property can be set to a HEX string or to a [color object](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) , that is the same as the one used in `particles.color` options. This color is set to canvas style `background-color` property, if this property is not set the background will be transparent. ### image[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#image) image: string The `image` property sets the canvas style `background-image` property. This property doesn't have a default value, anyway if you need a background image you need to specify the same CSS syntax with the `url()` function. ### opacity[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#opacity) opacity: number The `opacity` property sets the `color` property opacity, so you can set a semi-transparent background. This value is by default to `1` and it accepts any value between `0` and `1` included. ### position[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#position) position: string The `position` property sets the canvas style `background-position` property. This [link](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) can be useful to set the right value to this property. ### repeat[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#repeat) repeat: string The `repeat` property sets the canvas style `background-repeat` property. This [link](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) can be useful to set the right value to this property. ### size[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#size) size: string The `size` property sets the canvas style `background-size` property. This [link](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size) can be useful to set the right value to this property. Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#constructor) Properties [color](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#color) [image](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#image) [opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#opacity) [position](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#position) [repeat](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#repeat) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#size) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html#load) --- # IEvents | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Events/IEvents](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.html) * [IEvents](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html) Interface IEvents ================= \[\[include:Options/Interactivity/Events.md\]\] interface IEvents {     [onClick](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onClick) : [IClickEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IClickEvent.IClickEvent.html) ;     [onDiv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onDiv) : [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <[IDivEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IDivEvent.IDivEvent.html) \>;     [onHover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onHover) : [IHoverEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IHoverEvent.IHoverEvent.html) ;     [resize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#resize) : [IResizeEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IResizeEvent.IResizeEvent.html) ; } #### Implemented by * [Events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.Events.html) ##### Index ### Properties [onClick](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onClick) [onDiv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onDiv) [onHover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onHover) [resize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#resize) Properties ---------- ### onClick[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onClick) onClick: [IClickEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IClickEvent.IClickEvent.html) Click event options ### onDiv[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onDiv) onDiv: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <[IDivEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IDivEvent.IDivEvent.html) \> Div event options ### onHover[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onHover) onHover: [IHoverEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IHoverEvent.IHoverEvent.html) Hover event options ### resize[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#resize) resize: [IResizeEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IResizeEvent.IResizeEvent.html) Resize event options ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [onClick](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onClick) [onDiv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onDiv) [onHover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#onHover) [resize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html#resize) --- # IOptionsColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IOptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptionsColor.html) * [IOptionsColor](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) Type Alias IOptionsColor ======================== IOptionsColor: [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) Color options \[\[include:Color.md\]\] ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Responsive | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Responsive.html) * [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) Class Responsive ================ This interface is used by the options classes to have a [IOptionLoader.load](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#load) method to set all needed properties from source #### Implements * [IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) \> ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#constructor) ### Properties [maxWidth](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#maxWidth) [mode](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#mode) [options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#options) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#constructor) * new Responsive(): [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#constructor.new_Responsive) * #### Returns [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) Properties ---------- ### maxWidth[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#maxWidth) maxWidth: number Maximum width of the canvas or the screen, depending on [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html#mode) value. ### mode[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#mode) mode: "screen" | "canvas" | [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) Responsive mode. ### options[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#options) options: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> Options to override. Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#constructor) Properties [maxWidth](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#maxWidth) [mode](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#mode) [options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#options) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html#load) --- # ManualParticle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_ManualParticle.html) * [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) Class ManualParticle ==================== Manual particles options \[\[include:Options/ManualParticles.md\]\] #### Implements * [IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) \> ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#constructor) ### Properties [options?](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#options) [position?](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#position) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#constructor) * new ManualParticle(): [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#constructor.new_ManualParticle) * #### Returns [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) Properties ---------- ### `Optional`options[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#options) options?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \> Particle options, this properties will override the general particles configuration ### `Optional`position[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#position) position?: [ICoordinatesWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html) Particle position in canvas size percent, if undefined a random position will be used Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#constructor) Properties [options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#options) [position](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#position) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html#load) --- # IModes | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Modes/IModes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.html) * [IModes](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.IModes.html) Type Alias IModes ================= IModes: Record \[\[include:Options/Interactivity/Modes.md\]\] ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Theme | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Theme/Theme](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Theme_Theme.html) * [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) Class Theme =========== The options to configure themes that can be easily switched \[\[include:Options/Themes.md\]\] #### Implements * [ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) \> ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#constructor) ### Properties [default](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#default) [name](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#name) [options?](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#options) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#constructor) * new Theme(): [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#constructor.new_Theme) * #### Returns [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) Properties ---------- ### `Readonly`default[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#default) default: [ThemeDefault](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.ThemeDefault.html) Options to set the default theme ### name[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#name) name: string Theme name, use it when changing theme ### `Optional`options[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#options) options?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> All options the theme will override Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#constructor) Properties [default](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#default) [name](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#name) [options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#options) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html#load) --- # Core/Interfaces/IBounds | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IBounds](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IBounds.html) Module Core/Interfaces/IBounds ============================== ### Index ### Interfaces [IBounds](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IBounds.IBounds.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # ICollisions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Collisions/ICollisions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.html) * [ICollisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html) Interface ICollisions ===================== \[\[include:Collisions.md\]\] interface ICollisions {     [absorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#absorb) : [ICollisionsAbsorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsAbsorb.ICollisionsAbsorb.html) ;     [bounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#bounce) : [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) ;     [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#enable) : boolean;     [maxSpeed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#maxSpeed) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#mode) :         | "absorb"         | "bounce"         | "destroy"         | [CollisionMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_CollisionMode.CollisionMode.html) ;     [overlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#overlap) : [ICollisionsOverlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsOverlap.ICollisionsOverlap.html) ; } #### Implemented by * [Collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.Collisions.html) ##### Index ### Properties [absorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#absorb) [bounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#bounce) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#enable) [maxSpeed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#maxSpeed) [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#mode) [overlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#overlap) Properties ---------- ### absorb[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#absorb) absorb: [ICollisionsAbsorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsAbsorb.ICollisionsAbsorb.html) ### bounce[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#bounce) bounce: [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) ### enable[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#enable) enable: boolean ### maxSpeed[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#maxSpeed) maxSpeed: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ### mode[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#mode) mode:     | "absorb"     | "bounce"     | "destroy"     | [CollisionMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_CollisionMode.CollisionMode.html) ### overlap[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#overlap) overlap: [ICollisionsOverlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsOverlap.ICollisionsOverlap.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [absorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#absorb) [bounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#bounce) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#enable) [maxSpeed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#maxSpeed) [mode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#mode) [overlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html#overlap) --- # BackgroundMask | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/BackgroundMask/BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.html) * [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) Class BackgroundMask ==================== \[\[include:Options/BackgroundMask.md\]\] #### Implements * [IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) \> ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#constructor) ### Properties [composite](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#composite) [cover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#cover) [enable](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#enable) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#constructor) * new BackgroundMask(): [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#constructor.new_BackgroundMask) * #### Returns [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) Properties ---------- ### composite[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#composite) composite: GlobalCompositeOperation Canvas composite operation values here: [https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation) ### `Readonly`cover[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#cover) cover: [BackgroundMaskCover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.BackgroundMaskCover.html) Background covering color ### enable[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#enable) enable: boolean Background mask enabling options Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#constructor) Properties [composite](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#composite) [cover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#cover) [enable](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#enable) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html#load) --- # Core/Interfaces/IBubbleParticleData | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IBubbleParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IBubbleParticleData.html) Module Core/Interfaces/IBubbleParticleData ========================================== ### Index ### Interfaces [IBubbleParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IBubbleParticleData.IBubbleParticleData.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IEffect | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Effect/IEffect](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.html) * [IEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html) Interface IEffect ================= \[\[include:Options/Particles/Effect.md\]\] interface IEffect {     [close](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#close) : boolean;     [fill](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#fill) : boolean;     [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#options) : [ShapeData](https://particles.js.org/docs/types/tsParticles_Engine.Types_ShapeData.ShapeData.html) ;     [type](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#type) : [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) ; } #### Implemented by * [Effect](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Effect_Effect.Effect.html) ##### Index ### Properties [close](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#close) [fill](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#fill) [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#options) [type](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#type) Properties ---------- ### close[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#close) close: boolean Set this property to false for creating an open shape ### fill[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#fill) fill: boolean Set this property to false for creating an empty shape ### options[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#options) options: [ShapeData](https://particles.js.org/docs/types/tsParticles_Engine.Types_ShapeData.ShapeData.html) ### type[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#type) type: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [close](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#close) [fill](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#fill) [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#options) [type](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html#type) --- # Canvas | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Canvas](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Canvas.html) * [Canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html) Class Canvas ============ Canvas manager ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#constructor) ### Properties [element?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#element) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#size) ### Methods [clear](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#clear) [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw) [drawAsync](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync) [drawParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawPlugin) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#init) [initBackground](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initBackground) [initPlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initPlugins) [initUpdaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initUpdaters) [loadCanvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#loadCanvas) [paint](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#paint) [resize](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#resize) [setPointerEvents](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#setPointerEvents) [stop](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#stop) [windowResize](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#windowResize) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#constructor) * new Canvas(container, engine): [Canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#constructor.new_Canvas) * Constructor of canvas manager #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the parent container * engine: [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) the engine managing the whole library #### Returns [Canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html) Properties ---------- ### `Optional`element[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#element) element?: HTMLCanvasElement The particles canvas ### `Readonly`size[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#size) size: [IDimension](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimension.html) The particles canvas dimension Methods ------- ### clear[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#clear) * clear(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#clear.clear-1) * Clears the canvas content #### Returns void ### destroy[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#destroy) * destroy(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#destroy.destroy-1) * Destroying object actions #### Returns void ### draw[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw) * draw<[T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw.draw-1.T) \>(cb): undefined | [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw.draw-1.T) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw.draw-1) * Generic draw method, for drawing stuff on the canvas context #### Type Parameters * T #### Parameters * cb: ((context: CanvasRenderingContext2D) => [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw.draw-1.T) ) * * (context): [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw.draw-1.T) * #### Parameters * context: CanvasRenderingContext2D #### Returns [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw.draw-1.T) #### Returns undefined | [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw.draw-1.T) the result of the callback ### drawAsync[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync) * drawAsync<[T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync.drawAsync-1.T-1) \>(cb): undefined | [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync.drawAsync-1.T-1) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync.drawAsync-1) * #### Type Parameters * T #### Parameters * cb: ((context: CanvasRenderingContext2D) => [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync.drawAsync-1.T-1) ) * * (context): [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync.drawAsync-1.T-1) * #### Parameters * context: CanvasRenderingContext2D #### Returns [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync.drawAsync-1.T-1) #### Returns undefined | [T](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync.drawAsync-1.T-1) ### drawParticle[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticle) * drawParticle(particle, delta): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticle.drawParticle-1) * Draws the specified particle in the canvas #### Parameters * particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) the particle to draw * delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) the frame delta time values #### Returns void ### drawParticlePlugin[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticlePlugin) * drawParticlePlugin(plugin, particle, delta): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticlePlugin.drawParticlePlugin-1) * Draws stuff using the given plugin, using the given particle #### Parameters * plugin: [IContainerPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html) the plugin to use for drawing stuff * particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) the particle used * delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) the frame delta time values #### Returns void ### drawPlugin[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawPlugin) * drawPlugin(plugin, delta): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawPlugin.drawPlugin-1) * Draws stuff using the given plugin #### Parameters * plugin: [IContainerPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html) the plugin to use for drawing stuff * delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) the frame delta time values #### Returns void ### init[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#init) * init(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#init.init-1) * Initializes the canvas element #### Returns Promise ### initBackground[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initBackground) * initBackground(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initBackground.initBackground-1) * Initializes the canvas background #### Returns void ### initPlugins[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initPlugins) * initPlugins(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initPlugins.initPlugins-1) * Initializes the plugins needed by canvas #### Returns void ### initUpdaters[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initUpdaters) * initUpdaters(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initUpdaters.initUpdaters-1) * Initializes the updaters needed by canvas #### Returns void ### loadCanvas[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#loadCanvas) * loadCanvas(canvas): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#loadCanvas.loadCanvas-1) * Loads the canvas html element #### Parameters * canvas: HTMLCanvasElement the canvas html element #### Returns void ### paint[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#paint) * paint(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#paint.paint-1) * Paints the canvas background #### Returns void ### resize[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#resize) * resize(): boolean[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#resize.resize-1) * Calculates the size of the canvas #### Returns boolean true if the size changed ### setPointerEvents[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#setPointerEvents) * setPointerEvents(type): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#setPointerEvents.setPointerEvents-1) * #### Parameters * type: string #### Returns void ### stop[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#stop) * stop(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#stop.stop-1) * #### Returns void ### windowResize[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#windowResize) * windowResize(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#windowResize.windowResize-1) * The window resize event handler #### Returns Promise ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#constructor) Properties [element](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#element) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#size) Methods [clear](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#clear) [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#draw) [drawAsync](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawAsync) [drawParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#drawPlugin) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#init) [initBackground](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initBackground) [initPlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initPlugins) [initUpdaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#initUpdaters) [loadCanvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#loadCanvas) [paint](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#paint) [resize](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#resize) [setPointerEvents](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#setPointerEvents) [stop](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#stop) [windowResize](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html#windowResize) --- # ParticlesGroups | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/ParticlesGroups](https://particles.js.org/docs/modules/tsParticles_Engine.Types_ParticlesGroups.html) * [ParticlesGroups](https://particles.js.org/docs/types/tsParticles_Engine.Types_ParticlesGroups.ParticlesGroups.html) Type Alias ParticlesGroups ========================== ParticlesGroups: Record \[\[include:Options/Particles/Group.md\]\] ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/ICircleBouncer | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/ICircleBouncer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ICircleBouncer.html) Module Core/Interfaces/ICircleBouncer ===================================== ### Index ### Interfaces [ICircleBouncer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICircleBouncer.ICircleBouncer.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IColorManager | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IColorManager](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IColorManager.html) Module Core/Interfaces/IColorManager ==================================== ### Index ### Interfaces [IColorManager](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IColorManager.IColorManager.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IEffectDrawer | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IEffectDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IEffectDrawer.html) * [IEffectDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html) Interface IEffectDrawer ================================== interface IEffectDrawer<[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) \> {     [destroy](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#destroy) ?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => void);     [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#draw) : ((data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) \>) => void);     [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#init) ?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => Promise);     [loadEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#loadEffect) ?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) ) => void);     [particleInit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#particleInit) ?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) , particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) ) => void); } #### Type Parameters * TParticle extends [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) = [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ##### Index ### Properties [destroy?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#destroy) [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#draw) [init?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#init) [loadEffect?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#loadEffect) [particleInit?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#particleInit) Properties ---------- ### `Optional`destroy[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#destroy) destroy?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => void) Shape destroy function #### Type declaration * * (container): void * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container initializing the shape #### Returns void ### draw[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#draw) draw: ((data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) \>) => void) Shape draw function #### Type declaration * * (data): void * #### Parameters * data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) \> the data used for drawing #### Returns void ### `Optional`init[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#init) init?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => Promise) Shape init function #### Type declaration * * (container): Promise * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container initializing the shape #### Returns Promise ### `Optional`loadEffect[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#loadEffect) loadEffect?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) ) => void) Effect load function #### Type declaration * * (particle): void * #### Parameters * particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) the particle using the shape #### Returns void ### `Optional`particleInit[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#particleInit) particleInit?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) , particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) ) => void) Shape particle init function #### Type declaration * * (container, particle): void * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container containing the shape * particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#TParticle) the particle using the shape #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [destroy](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#destroy) [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#draw) [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#init) [loadEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#loadEffect) [particleInit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html#particleInit) --- # IAnimatableColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IAnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IAnimatableColor.html) * [IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) Interface IAnimatableColor ========================== The animatable color interface, it provides all the necessary properties to create a color animation \[\[include:Options/Particles/Color.md\]\] interface IAnimatableColor {     [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#animation) : [IColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IColorAnimation.IColorAnimation.html) | [IHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IHslAnimation.IHslAnimation.html) ;     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#value) : [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <         | [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html)         | [IRangeValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeValueColor.html)         | [IRangeRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeRgb.html)         | [IRangeHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsl.html)         | [IRangeHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsv.html) \>; } #### Hierarchy ([view full](https://particles.js.org/docs/hierarchy.html#tsParticles%20Engine.Options/Interfaces/IAnimatableColor.IAnimatableColor) ) * [IOptionsColor](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) * IAnimatableColor #### Implemented by * [AnimatableColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimatableColor.AnimatableColor.html) ##### Index ### Properties [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#animation) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#value) Properties ---------- ### animation[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#animation) animation: [IColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IColorAnimation.IColorAnimation.html) | [IHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IHslAnimation.IHslAnimation.html) The color animation property ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#value) value: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <     | [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html)     | [IRangeValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeValueColor.html)     | [IRangeRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeRgb.html)     | [IRangeHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsl.html)     | [IRangeHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsv.html) \> Color value, can be a single or an array of [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html) , [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html) , [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) or string ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#animation) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html#value) --- # Core/Interfaces/IContainerInteractivity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IContainerInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.html) Module Core/Interfaces/IContainerInteractivity ============================================== ### Index ### Interfaces [IContainerInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Interactivity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.html) * [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) Class Interactivity =================== \[\[include:Options/Interactivity.md\]\] #### Implements * [IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) \> #### Indexable * \[name: string\]: unknown ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#constructor) ### Properties [detectsOn](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#detectsOn) [events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#events) [modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#modes) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#constructor) * new Interactivity(engine, container?): [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#constructor.new_Interactivity) * #### Parameters * engine: [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) * `Optional`container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) #### Returns [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) Properties ---------- ### detectsOn[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#detectsOn) detectsOn:     | "window"     | "canvas"     | "parent"     | [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) Where the mouse events will be detected If set to `canvas` only the particles canvas will be targeted If set to `parent` only the particles canvas parent will be targeted If set to `window` every area will be the target ### `Readonly`events[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#events) events: [Events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.Events.html) Interaction events options, this configures which events are enabled and which modes should be used ### `Readonly`modes[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#modes) modes: [Modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.Modes.html) Interaction modes options, this configures every mode behavior Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#constructor) Properties [detectsOn](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#detectsOn) [events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#events) [modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#modes) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html#load) --- # IContainerInteractivity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IContainerInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.html) * [IContainerInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html) Interface IContainerInteractivity ================================= interface IContainerInteractivity {     [element](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#element) ?:         | null         | Node         | HTMLElement         | Window;     [mouse](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#mouse) : [IMouseData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMouseData.IMouseData.html) ;     [status](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#status) ?: string; } ##### Index ### Properties [element?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#element) [mouse](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#mouse) [status?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#status) Properties ---------- ### `Optional`element[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#element) element?:     | null     | Node     | HTMLElement     | Window ### mouse[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#mouse) mouse: [IMouseData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMouseData.IMouseData.html) ### `Optional`status[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#status) status?: string ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [element](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#element) [mouse](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#mouse) [status](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html#status) --- # Core/Interfaces/IContainerPlugin | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IContainerPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IContainerPlugin.html) Module Core/Interfaces/IContainerPlugin ======================================= ### Index ### Interfaces [IContainerPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/Colors | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/Colors](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_Colors.html) Module Core/Interfaces/Colors ============================= ### Index ### Interfaces [IAlphaColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IAlphaColor.html) [IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) [IHsla](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsla.html) [IHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsv.html) [IHsva](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsva.html) [ILch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.ILch.html) [ILcha](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.ILcha.html) [IOklch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IOklch.html) [IOklcha](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IOklcha.html) [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) [IRangeHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsl.html) [IRangeHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsv.html) [IRangeLch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeLch.html) [IRangeOklch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeOklch.html) [IRangeRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeRgb.html) [IRangeValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeValueColor.html) [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html) [IRgba](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgba.html) [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IParticlesNumber | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Number/IParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.html) * [IParticlesNumber](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html) Interface IParticlesNumber ========================== \[\[include:Options/Particles/Number.md\]\] interface IParticlesNumber {     [density](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#density) : [IParticlesDensity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesDensity.IParticlesDensity.html) ;     [limit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#limit) : [IParticlesNumberLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumberLimit.IParticlesNumberLimit.html) ;     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#value) : number; } #### Implemented by * [ParticlesNumber](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.ParticlesNumber.html) ##### Index ### Properties [density](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#density) [limit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#limit) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#value) Properties ---------- ### density[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#density) density: [IParticlesDensity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesDensity.IParticlesDensity.html) Particles density options ### limit[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#limit) limit: [IParticlesNumberLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumberLimit.IParticlesNumberLimit.html) Particles number limit options ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#value) value: number The number of particles to be rendered ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [density](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#density) [limit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#limit) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html#value) --- # IOpacity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Opacity/IOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.html) * [IOpacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html) Interface IOpacity ================== \[\[include:Options/Particles/Opacity.md\]\] interface IOpacity {     [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#animation) : [IOpacityAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacityAnimation.IOpacityAnimation.html) ;     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#value) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ; } #### Hierarchy ([view full](https://particles.js.org/docs/hierarchy.html#tsParticles%20Engine.Options/Interfaces/Particles/Opacity/IOpacity.IOpacity) ) * [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) * IOpacity #### Implemented by * [Opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.Opacity.html) ##### Index ### Properties [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#animation) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#value) Properties ---------- ### animation[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#animation) animation: [IOpacityAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacityAnimation.IOpacityAnimation.html) The animation opacity options ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#value) value: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) Value of property. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#animation) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html#value) --- # IMovePathGenerator | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IMovePathGenerator](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.html) * [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) Interface IMovePathGenerator ============================ interface IMovePathGenerator {     [generate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#generate) : ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) );     [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#init) : ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => void);     [reset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#reset) : ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => void);     [update](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#update) : (() => void); } ##### Index ### Properties [generate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#generate) [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#init) [reset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#reset) [update](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#update) Properties ---------- ### generate[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#generate) generate: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) ) ### init[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#init) init: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => void) ### reset[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#reset) reset: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => void) ### update[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#update) update: (() => void) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [generate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#generate) [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#init) [reset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#reset) [update](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html#update) --- # Core/Interfaces/IDelta | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IDelta](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDelta.html) Module Core/Interfaces/IDelta ============================= ### Index ### Interfaces [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IShadow | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/IShadow](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IShadow.html) * [IShadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html) Interface IShadow ================= \[\[include:Shadow.md\]\] interface IShadow {     [blur](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#blur) : number;     [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#color) : string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) ;     [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#enable) : boolean;     [offset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#offset) : [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) ; } #### Implemented by * [Shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shadow.Shadow.html) ##### Index ### Properties [blur](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#blur) [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#color) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#enable) [offset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#offset) Properties ---------- ### blur[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#blur) blur: number The blur of the shadow. ### color[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#color) color: string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) The color of the shadow. ### enable[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#enable) enable: boolean Sets if the shadow is enabled. ### offset[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#offset) offset: [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) The distance of the shadow from the particle. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [blur](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#blur) [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#color) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#enable) [offset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html#offset) --- # IShape | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Shape/IShape](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.html) * [IShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html) Interface IShape ================ \[\[include:Options/Particles/Shape.md\]\] interface IShape {     [close](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#close) : boolean;     [fill](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#fill) : boolean;     [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#options) : [ShapeData](https://particles.js.org/docs/types/tsParticles_Engine.Types_ShapeData.ShapeData.html) ;     [type](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#type) : [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) ; } #### Implemented by * [Shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.Shape.html) ##### Index ### Properties [close](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#close) [fill](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#fill) [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#options) [type](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#type) Properties ---------- ### close[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#close) close: boolean Set this property to false for creating an open shape ### fill[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#fill) fill: boolean Set this property to false for creating an empty shape ### options[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#options) options: [ShapeData](https://particles.js.org/docs/types/tsParticles_Engine.Types_ShapeData.ShapeData.html) Shape options ### type[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#type) type: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) Shape type ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [close](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#close) [fill](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#fill) [options](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#options) [type](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html#type) --- # Core/Interfaces/ICoordinates | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/ICoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ICoordinates.html) Module Core/Interfaces/ICoordinates =================================== ### Index ### Interfaces [ICenterCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICenterCoordinates.html) [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) [ICoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates3d.html) [ICoordinatesWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html) [IRangedCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.IRangedCoordinates.html) [IRangedCoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.IRangedCoordinates3d.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Retina | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Retina](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Retina.html) * [Retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html) Class Retina ============ ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#constructor) ### Properties [maxSpeed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#maxSpeed) [pixelRatio](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#pixelRatio) [reduceFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#reduceFactor) [sizeAnimationSpeed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#sizeAnimationSpeed) ### Methods [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#init) [initParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#initParticle) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#constructor) * new Retina(container): [Retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#constructor.new_Retina) * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) #### Returns [Retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html) Properties ---------- ### maxSpeed[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#maxSpeed) maxSpeed: number ### pixelRatio[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#pixelRatio) pixelRatio: number ### reduceFactor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#reduceFactor) reduceFactor: number ### sizeAnimationSpeed[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#sizeAnimationSpeed) sizeAnimationSpeed: number Methods ------- ### init[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#init) * init(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#init.init-1) * Initializes all the values needing a pixel ratio factor (sizes, widths, distances) #### Returns void ### initParticle[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#initParticle) * initParticle(particle): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#initParticle.initParticle-1) * #### Parameters * particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#constructor) Properties [maxSpeed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#maxSpeed) [pixelRatio](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#pixelRatio) [reduceFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#reduceFactor) [sizeAnimationSpeed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#sizeAnimationSpeed) Methods [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#init) [initParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html#initParticle) --- # Core/Interfaces/IDimension | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IDimension](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDimension.html) Module Core/Interfaces/IDimension ================================= ### Index ### Interfaces [IDimension](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimension.html) [IDimensionWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimensionWithMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IDistance | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IDistance](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDistance.html) Module Core/Interfaces/IDistance ================================ ### Index ### Interfaces [IDistance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDistance.IDistance.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Engine | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Engine](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Engine.html) * [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) Class Engine ============ Engine class for creating the singleton on window. It's a singleton class for initializing [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) instances, and for Plugins class responsible for every external feature ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#constructor) ### Properties [colorManagers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#colorManagers) [easingFunctions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#easingFunctions) [effectDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#effectDrawers) [interactors](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#interactors) [movers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#movers) [pathGenerators](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#pathGenerators) [plugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#plugins) [presets](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#presets) [shapeDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#shapeDrawers) [updaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#updaters) ### Accessors [configs](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#configs) [items](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#items) [version](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#version) ### Methods [addColorManager](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addColorManager) [addConfig](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addConfig) [addEasing](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEasing) [addEffect](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEffect) [addEventListener](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEventListener) [addInteractor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addInteractor) [addMover](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addMover) [addParticleUpdater](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addParticleUpdater) [addPathGenerator](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPathGenerator) [addPlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPlugin) [addPreset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPreset) [addShape](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addShape) [checkVersion](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#checkVersion) [clearPlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#clearPlugins) [dispatchEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dispatchEvent) [dom](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dom) [domItem](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#domItem) [getAvailablePlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getAvailablePlugins) [getEasing](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEasing) [getEffectDrawer](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEffectDrawer) [getInteractors](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getInteractors) [getMovers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getMovers) [getPathGenerator](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPathGenerator) [getPlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPlugin) [getPreset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPreset) [getShapeDrawer](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getShapeDrawer) [getSupportedEffects](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedEffects) [getSupportedShapes](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedShapes) [getUpdaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getUpdaters) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#init) [item](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#item) [load](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#load) [loadOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadParticlesOptions) [refresh](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#refresh) [removeEventListener](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#removeEventListener) [setOnClickHandler](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#setOnClickHandler) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#constructor) * new Engine(): [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#constructor.new_Engine) * Engine constructor, initializes plugins, loader and the containers array #### Returns [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) Properties ---------- ### `Readonly`colorManagers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#colorManagers) colorManagers: Map ### `Readonly`easingFunctions[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#easingFunctions) easingFunctions: Map<[EasingTypeAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Types_EasingType.EasingTypeAlt.html) | [EasingType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EasingType.EasingType.html) , [EasingFunction](https://particles.js.org/docs/types/tsParticles_Engine.Types_EasingFunction.EasingFunction.html) \> ### `Readonly`effectDrawers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#effectDrawers) effectDrawers: Map\> The drawers (additional effects) array ### `Readonly`interactors[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#interactors) interactors: Map<[Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) , [IInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IInteractor.IInteractor.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \>\[\]\> The interaction managers array ### `Readonly`movers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#movers) movers: Map<[Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) , [IParticleMover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleMover.IParticleMover.html) \[\]\> ### `Readonly`pathGenerators[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#pathGenerators) pathGenerators: Map The path generators array ### `Readonly`plugins[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#plugins) plugins: [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) \[\] The plugins array ### `Readonly`presets[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#presets) presets: Map\> The presets array ### `Readonly`shapeDrawers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#shapeDrawers) shapeDrawers: Map\> The drawers (additional shapes) array ### `Readonly`updaters[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#updaters) updaters: Map<[Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) , [IParticleUpdater](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleUpdater.IParticleUpdater.html) \[\]\> The updaters array Accessors --------- ### configs[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#configs) * get configs(): Record\> * #### Returns Record\> ### items[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#items) * get items(): [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) \[\] * #### Returns [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) \[\] ### version[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#version) * get version(): string * #### Returns string Methods ------- ### addColorManager[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addColorManager) * addColorManager(manager, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addColorManager.addColorManager-1) * #### Parameters * manager: [IColorManager](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IColorManager.IColorManager.html) * refresh: boolean = true #### Returns Promise ### addConfig[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addConfig) * addConfig(config): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addConfig.addConfig-1) * #### Parameters * config: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> #### Returns void ### addEasing[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEasing) * addEasing(name, easing, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEasing.addEasing-1) * #### Parameters * name: [EasingTypeAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Types_EasingType.EasingTypeAlt.html) | [EasingType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EasingType.EasingType.html) * easing: [EasingFunction](https://particles.js.org/docs/types/tsParticles_Engine.Types_EasingFunction.EasingFunction.html) * refresh: boolean = true #### Returns Promise ### addEffect[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEffect) * addEffect(effect, drawer, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEffect.addEffect-1) * addEffect adds effect to tsParticles, it will be available to all future instances created #### Parameters * effect: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) the effect name * drawer: [IEffectDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \> the effect drawer function or class instance that draws the effect in the canvas * refresh: boolean = true should refresh the dom after adding the effect #### Returns Promise ### addEventListener[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEventListener) * addEventListener(type, listener): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEventListener.addEventListener-1) * Adds a listener to the specified event #### Parameters * type: string The event to listen to * listener: [CustomEventListener](https://particles.js.org/docs/types/tsParticles_Engine.Types_CustomEventListener.CustomEventListener.html) The listener of the specified event #### Returns void ### addInteractor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addInteractor) * addInteractor(name, interactorInitializer, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addInteractor.addInteractor-1) * Adds an interaction manager to the current collection #### Parameters * name: string the interaction manager name * interactorInitializer: InteractorInitializer the interaction manager initializer * refresh: boolean = true if true the engine will refresh all the containers #### Returns Promise ### addMover[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addMover) * addMover(name, moverInitializer, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addMover.addMover-1) * #### Parameters * name: string the mover name * moverInitializer: MoverInitializer the mover initializer * refresh: boolean = true if true the engine will refresh all the containers #### Returns Promise ### addParticleUpdater[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addParticleUpdater) * addParticleUpdater(name, updaterInitializer, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addParticleUpdater.addParticleUpdater-1) * Adds a particle updater to the collection #### Parameters * name: string the particle updater name used as a key * updaterInitializer: UpdaterInitializer the particle updater initializer * refresh: boolean = true if true the engine will refresh all the containers #### Returns Promise ### addPathGenerator[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPathGenerator) * addPathGenerator(name, generator, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPathGenerator.addPathGenerator-1) * addPathGenerator adds a named path generator to tsParticles, this can be called by options #### Parameters * name: string the path generator name * generator: [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) the path generator object * refresh: boolean = true should refresh the dom after adding the path generator #### Returns Promise ### addPlugin[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPlugin) * addPlugin(plugin, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPlugin.addPlugin-1) * addPlugin adds plugin to tsParticles, if an instance needs it, it will be loaded #### Parameters * plugin: [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) the plugin implementation of [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) * refresh: boolean = true should refresh the dom after adding the plugin #### Returns Promise ### addPreset[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPreset) * addPreset(preset, options, override?, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPreset.addPreset-1) * addPreset adds preset to tsParticles, it will be available to all future instances created #### Parameters * preset: string the preset name * options: Readonly<[RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \>\> the options to add to the preset * override: boolean = false if true, the preset will override any existing with the same name * refresh: boolean = true should refresh the dom after adding the preset #### Returns Promise ### addShape[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addShape) * addShape(drawer, refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addShape.addShape-1) * addShape adds shape to tsParticles, it will be available to all future instances created #### Parameters * drawer: [IShapeDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \> the shape drawer function or class instance that draws the shape in the canvas * refresh: boolean = true should refresh the dom after adding the shape #### Returns Promise ### checkVersion[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#checkVersion) * checkVersion(pluginVersion): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#checkVersion.checkVersion-1) * #### Parameters * pluginVersion: string the plugin version to check against #### Returns void ### clearPlugins[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#clearPlugins) * clearPlugins(container): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#clearPlugins.clearPlugins-1) * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) #### Returns void ### dispatchEvent[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dispatchEvent) * dispatchEvent(type, args): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dispatchEvent.dispatchEvent-1) * Dispatches an event that will be listened from listeners #### Parameters * type: string The event to dispatch * args: [CustomEventArgs](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_CustomEventArgs.CustomEventArgs.html) The event parameters #### Returns void ### dom[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dom) * dom(): [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) \[\][](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dom.dom-1) * All the [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) objects loaded #### Returns [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) \[\] All the [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) objects loaded #### Deprecated[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#Deprecated) the dom() function is deprecated, please use the items property instead ### domItem[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#domItem) * domItem(index): undefined | [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#domItem.domItem-1) * Retrieves a [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) from all the objects loaded #### Parameters * index: number The object index #### Returns undefined | [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) The [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) object at specified index, if present or not destroyed, otherwise undefined #### Deprecated[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#Deprecated-1) the domItem() function is deprecated, please use the item function instead ### getAvailablePlugins[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getAvailablePlugins) * getAvailablePlugins(container): Promise\>[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getAvailablePlugins.getAvailablePlugins-1) * Gets all the available plugins, for the specified container #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container used to check which are the valid plugins #### Returns Promise\> a map containing all enabled plugins, with the id as a key ### getEasing[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEasing) * getEasing(name): [EasingFunction](https://particles.js.org/docs/types/tsParticles_Engine.Types_EasingFunction.EasingFunction.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEasing.getEasing-1) * #### Parameters * name: [EasingTypeAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Types_EasingType.EasingTypeAlt.html) | [EasingType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EasingType.EasingType.html) #### Returns [EasingFunction](https://particles.js.org/docs/types/tsParticles_Engine.Types_EasingFunction.EasingFunction.html) the easing function ### getEffectDrawer[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEffectDrawer) * getEffectDrawer(type): undefined | [IEffectDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \>[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEffectDrawer.getEffectDrawer-1) * Searches the given effect drawer type with the given type name #### Parameters * type: string the effect drawer type name #### Returns undefined | [IEffectDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \> the effect drawer if found, or undefined ### getInteractors[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getInteractors) * getInteractors(container, force?): Promise<[IInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IInteractor.IInteractor.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \>\[\]\>[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getInteractors.getInteractors-1) * Returns all the container interaction managers #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container used to check which interaction managers are compatible * force: boolean = false if true reloads the interaction managers collection for the given container #### Returns Promise<[IInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IInteractor.IInteractor.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \>\[\]\> the array of interaction managers for the given container ### getMovers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getMovers) * getMovers(container, force?): Promise<[IParticleMover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleMover.IParticleMover.html) \[\]\>[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getMovers.getMovers-1) * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) * force: boolean = false #### Returns Promise<[IParticleMover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleMover.IParticleMover.html) \[\]\> ### getPathGenerator[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPathGenerator) * getPathGenerator(type): undefined | [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPathGenerator.getPathGenerator-1) * Searches the path generator with the given type name #### Parameters * type: string the path generator type to search #### Returns undefined | [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) the path generator if found, or undefined ### getPlugin[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPlugin) * getPlugin(plugin): undefined | [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPlugin.getPlugin-1) * Searches if the specified plugin exists and returns it #### Parameters * plugin: string the plugin name #### Returns undefined | [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) the plugin if found, or undefined ### getPreset[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPreset) * getPreset(preset): undefined | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \>[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPreset.getPreset-1) * Searches the preset with the given name #### Parameters * preset: string the preset name to search #### Returns undefined | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> the preset if found, or undefined ### getShapeDrawer[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getShapeDrawer) * getShapeDrawer(type): undefined | [IShapeDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \>[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getShapeDrawer.getShapeDrawer-1) * Searches the given shape drawer type with the given type name #### Parameters * type: string the shape drawer type name #### Returns undefined | [IShapeDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html) <[Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \> the shape drawer if found, or undefined ### getSupportedEffects[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedEffects) * getSupportedEffects(): IterableIterator[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedEffects.getSupportedEffects-1) * This method returns all the supported effects with this Plugins instance #### Returns IterableIterator all the supported effects type name ### getSupportedShapes[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedShapes) * getSupportedShapes(): IterableIterator[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedShapes.getSupportedShapes-1) * This method returns all the supported shapes with this Plugins instance #### Returns IterableIterator all the supported shapes type name ### getUpdaters[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getUpdaters) * getUpdaters(container, force?): Promise<[IParticleUpdater](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleUpdater.IParticleUpdater.html) \[\]\>[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getUpdaters.getUpdaters-1) * Returns all the container particle updaters #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container used to check which particle updaters are enabled * force: boolean = false if true reloads the updater collection for the given container #### Returns Promise<[IParticleUpdater](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleUpdater.IParticleUpdater.html) \[\]\> the array of updaters for the given container ### init[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#init) * init(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#init.init-1) * init method, used by imports #### Returns void ### item[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#item) * item(index): undefined | [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#item.item-1) * Retrieves a [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) from all the objects loaded #### Parameters * index: number The object index #### Returns undefined | [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) The [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) object at specified index, if present or not destroyed, otherwise undefined ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#load) * load(params): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#load.load-1) * Loads the provided options to create a [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) object. #### Parameters * params: [ILoadParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ILoadParams.ILoadParams.html) The particles container params [ILoadParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ILoadParams.ILoadParams.html) object #### Returns Promise A Promise with the [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) object created ### loadOptions[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadOptions) * loadOptions(options, sourceOptions): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadOptions.loadOptions-1) * Load the given options for all the plugins #### Parameters * options: [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) the actual options to set * sourceOptions: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) \> the source options to read #### Returns void ### loadParticlesOptions[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadParticlesOptions) * loadParticlesOptions(container, options, ...sourceOptions): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadParticlesOptions.loadParticlesOptions-1) * Load the given particles options for all the updaters #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container of the updaters * options: [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) the actual options to set * `Rest`...sourceOptions: (undefined | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \>)\[\] the source options to read #### Returns void ### refresh[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#refresh) * refresh(refresh?): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#refresh.refresh-1) * Reloads all existing tsParticles loaded instances #### Parameters * refresh: boolean = true should refresh the dom after reloading #### Returns Promise ### removeEventListener[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#removeEventListener) * removeEventListener(type, listener): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#removeEventListener.removeEventListener-1) * Removes a listener from the specified event #### Parameters * type: string The event to stop listening to * listener: [CustomEventListener](https://particles.js.org/docs/types/tsParticles_Engine.Types_CustomEventListener.CustomEventListener.html) The listener of the specified event #### Returns void ### setOnClickHandler[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#setOnClickHandler) * setOnClickHandler(callback): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#setOnClickHandler.setOnClickHandler-1) * Adds another click handler to all the loaded [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) objects. #### Parameters * callback: ((e: Event, particles?: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \[\]) => void) The function called after the click event is fired * * (e, particles?): void * #### Parameters * e: Event * `Optional`particles: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \[\] #### Returns void #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#constructor) Properties [colorManagers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#colorManagers) [easingFunctions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#easingFunctions) [effectDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#effectDrawers) [interactors](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#interactors) [movers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#movers) [pathGenerators](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#pathGenerators) [plugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#plugins) [presets](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#presets) [shapeDrawers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#shapeDrawers) [updaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#updaters) Accessors [configs](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#configs) [items](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#items) [version](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#version) Methods [addColorManager](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addColorManager) [addConfig](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addConfig) [addEasing](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEasing) [addEffect](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEffect) [addEventListener](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addEventListener) [addInteractor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addInteractor) [addMover](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addMover) [addParticleUpdater](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addParticleUpdater) [addPathGenerator](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPathGenerator) [addPlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPlugin) [addPreset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addPreset) [addShape](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#addShape) [checkVersion](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#checkVersion) [clearPlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#clearPlugins) [dispatchEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dispatchEvent) [dom](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#dom) [domItem](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#domItem) [getAvailablePlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getAvailablePlugins) [getEasing](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEasing) [getEffectDrawer](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getEffectDrawer) [getInteractors](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getInteractors) [getMovers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getMovers) [getPathGenerator](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPathGenerator) [getPlugin](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPlugin) [getPreset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getPreset) [getShapeDrawer](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getShapeDrawer) [getSupportedEffects](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedEffects) [getSupportedShapes](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getSupportedShapes) [getUpdaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#getUpdaters) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#init) [item](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#item) [load](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#load) [loadOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#loadParticlesOptions) [refresh](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#refresh) [removeEventListener](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#removeEventListener) [setOnClickHandler](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html#setOnClickHandler) --- # Core/Interfaces/IDrawParticleParams | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IDrawParticleParams](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IDrawParticleParams.html) Module Core/Interfaces/IDrawParticleParams ========================================== ### Index ### Interfaces [IDrawParticleParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDrawParticleParams.IDrawParticleParams.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # ISize | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Size/ISize](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.html) * [ISize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html) Interface ISize =============== \[\[include:Options/Particles/Size.md\]\] interface ISize {     [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#animation) : [ISizeAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISizeAnimation.ISizeAnimation.html) ;     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#value) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ; } #### Hierarchy ([view full](https://particles.js.org/docs/hierarchy.html#tsParticles%20Engine.Options/Interfaces/Particles/Size/ISize.ISize) ) * [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) * ISize #### Implemented by * [Size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_Size.Size.html) ##### Index ### Properties [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#animation) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#value) Properties ---------- ### animation[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#animation) animation: [ISizeAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISizeAnimation.ISizeAnimation.html) The animation applied to the size of the particles. ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#value) value: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) Value of property. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [animation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#animation) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html#value) --- # Core/Interfaces/IExternalInteractor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IExternalInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IExternalInteractor.html) Module Core/Interfaces/IExternalInteractor ========================================== ### Index ### Interfaces [IExternalInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IExternalInteractor.IExternalInteractor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IEffectDrawer | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IEffectDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IEffectDrawer.html) Module Core/Interfaces/IEffectDrawer ==================================== ### Index ### Interfaces [IEffectDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # ParticlesOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.html) * [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) Class ParticlesOptions ====================== \[\[include:Options/Particles.md\]\] #### Implements * [IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \> #### Indexable * \[name: string\]: unknown ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#constructor) ### Properties [bounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#bounce) [collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#collisions) [color](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#color) [effect](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#effect) [groups](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#groups) [interactivity?](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#interactivity) [move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#move) [number](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#number) [opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#opacity) [reduceDuplicates](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#reduceDuplicates) [shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#shadow) [shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#shape) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#size) [stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#stroke) [zIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#zIndex) ### Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#load) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#constructor) * new ParticlesOptions(engine, container?): [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#constructor.new_ParticlesOptions) * #### Parameters * engine: [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) * `Optional`container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) #### Returns [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) Properties ---------- ### `Readonly`bounce[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#bounce) bounce: [ParticlesBounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.ParticlesBounce.html) Options for customizing the behavior when a particle bounces ### `Readonly`collisions[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#collisions) collisions: [Collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.Collisions.html) Particles collisions options ### color[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#color) color: [AnimatableColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimatableColor.AnimatableColor.html) Particles color options ### `Readonly`effect[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#effect) effect: [Effect](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Effect_Effect.Effect.html) Particles effects options ### `Readonly`groups[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#groups) groups: [ParticlesGroups](https://particles.js.org/docs/types/tsParticles_Engine.Types_ParticlesGroups.ParticlesGroups.html) Particles groups ### `Optional`interactivity[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#interactivity) interactivity?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) \> Particles interactivity options, overrides general interactivity options ### `Readonly`move[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#move) move: [Move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Move.Move.html) Particles movement options ### `Readonly`number[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#number) number: [ParticlesNumber](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.ParticlesNumber.html) Particles number options ### `Readonly`opacity[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#opacity) opacity: [Opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.Opacity.html) Particles opacity options ### reduceDuplicates[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#reduceDuplicates) reduceDuplicates: boolean Particles options for reducing the randomization of duplicate particles, the index will be used for choosing the array values ### `Readonly`shadow[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#shadow) shadow: [Shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shadow.Shadow.html) Particles shadow options ### `Readonly`shape[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#shape) shape: [Shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.Shape.html) Particles shape options ### `Readonly`size[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#size) size: [Size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_Size.Size.html) Particles size options ### stroke[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#stroke) stroke: [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) <[Stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Stroke.Stroke.html) \> Particles stroke options ### `Readonly`zIndex[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#zIndex) zIndex: [ZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.ZIndex.html) Particles z-index options Methods ------- ### load[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#load) * load(data?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#constructor) Properties [bounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#bounce) [collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#collisions) [color](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#color) [effect](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#effect) [groups](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#groups) [interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#interactivity) [move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#move) [number](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#number) [opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#opacity) [reduceDuplicates](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#reduceDuplicates) [shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#shadow) [shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#shape) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#size) [stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#stroke) [zIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#zIndex) Methods [load](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html#load) --- # IMove | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMove](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.html) * [IMove](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html) Interface IMove =============== \[\[include:Options/Particles/Move.md\]\] interface IMove {     [angle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#angle) : number | [IMoveAngle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAngle.IMoveAngle.html) ;     [attract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#attract) : [IMoveAttract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAttract.IMoveAttract.html) ;     [center](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#center) : [ICenterCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICenterCoordinates.html) ;     [decay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#decay) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [direction](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#direction) :         | number         | "none"         | "left"         | "top"         | "bottom"         | "right"         | "outside"         | "inside"         | [MoveDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirectionAlt.html)         | [MoveDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html)         | "bottomLeft"         | "bottomRight"         | "topLeft"         | "topRight";     [distance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#distance) : number | Partial<[IDistance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDistance.IDistance.html) \>;     [drift](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#drift) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#enable) : boolean;     [gravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#gravity) : [IMoveGravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveGravity.IMoveGravity.html) ;     [outModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#outModes) :         | "split"         | "none"         | "bounce"         | "destroy"         | "out"         | [IOutModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IOutModes.IOutModes.html)         | [OutMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_OutMode.OutMode.html) ;     [path](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#path) : [IMovePath](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_Path_IMovePath.IMovePath.html) ;     [random](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#random) : boolean;     [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#size) : boolean;     [speed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#speed) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [spin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#spin) : [ISpin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_ISpin.ISpin.html) ;     [straight](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#straight) : boolean;     [trail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#trail) : [IMoveTrail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrail.IMoveTrail.html) ;     [vibrate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#vibrate) : boolean;     [warp](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#warp) : boolean; } #### Implemented by * [Move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Move.Move.html) ##### Index ### Properties [angle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#angle) [attract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#attract) [center](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#center) [decay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#decay) [direction](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#direction) [distance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#distance) [drift](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#drift) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#enable) [gravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#gravity) [outModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#outModes) [path](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#path) [random](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#random) [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#size) [speed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#speed) [spin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#spin) [straight](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#straight) [trail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#trail) [vibrate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#vibrate) [warp](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#warp) Properties ---------- ### angle[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#angle) angle: number | [IMoveAngle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAngle.IMoveAngle.html) The angle value of the particles moving direction, in degrees. ### attract[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#attract) attract: [IMoveAttract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAttract.IMoveAttract.html) The attract options for the particles. ### center[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#center) center: [ICenterCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICenterCoordinates.html) The center of the particles moving direction. Used when the direction is [MoveDirection.inside](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html#inside) or [MoveDirection.outside](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html#outside) , or when [spin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#spin) is enabled. ### decay[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#decay) decay: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The particles movement decay speed. ### direction[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#direction) direction:     | number     | "none"     | "left"     | "top"     | "bottom"     | "right"     | "outside"     | "inside"     | [MoveDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirectionAlt.html)     | [MoveDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html)     | "bottomLeft"     | "bottomRight"     | "topLeft"     | "topRight" The particles movement direction, if using a number, it refers to the angle, in degrees. ### distance[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#distance) distance: number | Partial<[IDistance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDistance.IDistance.html) \> The particles movement distance. ### drift[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#drift) drift: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The particles movement drift value. ### enable[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#enable) enable: boolean The particles movement enable status. ### gravity[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#gravity) gravity: [IMoveGravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveGravity.IMoveGravity.html) The particles movement gravity options. ### outModes[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#outModes) outModes:     | "split"     | "none"     | "bounce"     | "destroy"     | "out"     | [IOutModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IOutModes.IOutModes.html)     | [OutMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_OutMode.OutMode.html) The particles out modes when leaving canvas bounds. ### path[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#path) path: [IMovePath](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_Path_IMovePath.IMovePath.html) The particles path options. ### random[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#random) random: boolean Sets if the [speed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#speed) will be randomized or not, maximum value is [speed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#speed) . ### size[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#size) size: boolean Sets if the particle speed will change based on the particle size, so bigger particles will move faster. ### speed[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#speed) speed: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The particles movement speed. ### spin[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#spin) spin: [ISpin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_ISpin.ISpin.html) The particles movement spin options. ### straight[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#straight) straight: boolean Sets if the particles direction will be randomized or not, if `true` the value won't be randomized. ### trail[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#trail) trail: [IMoveTrail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrail.IMoveTrail.html) The particles trail options. ### vibrate[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#vibrate) vibrate: boolean Sets if the particles will vibrate or not. ### warp[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#warp) warp: boolean Sets if the particle will respawn in the same coordinates on the other side of the canvas, or it will be randomized. ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [angle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#angle) [attract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#attract) [center](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#center) [decay](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#decay) [direction](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#direction) [distance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#distance) [drift](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#drift) [enable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#enable) [gravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#gravity) [outModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#outModes) [path](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#path) [random](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#random) [size](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#size) [speed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#speed) [spin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#spin) [straight](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#straight) [trail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#trail) [vibrate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#vibrate) [warp](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html#warp) --- # Core/Interfaces/ILoadParams | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/ILoadParams](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ILoadParams.html) Module Core/Interfaces/ILoadParams ================================== ### Index ### Interfaces [ILoadParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ILoadParams.ILoadParams.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IInteractor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IInteractor.html) Module Core/Interfaces/IInteractor ================================== ### Index ### Interfaces [IInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IInteractor.IInteractor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IMouseData | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IMouseData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IMouseData.html) Module Core/Interfaces/IMouseData ================================= ### Index ### Interfaces [IMouseData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMouseData.IMouseData.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IContainerPlugin | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IContainerPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IContainerPlugin.html) * [IContainerPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html) Interface IContainerPlugin ========================== interface IContainerPlugin {     [clickPositionValid](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#clickPositionValid) ?: ((position: [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) ) => boolean);     [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#draw) ?: ((context: CanvasRenderingContext2D, delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void);     [drawParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#drawParticle) ?: ((context: CanvasRenderingContext2D, particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void);     [export](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#export) ?: ((type: string, data: Record) => Promise<[ExportResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_ExportResult.ExportResult.html) \>);     [handleClickMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#handleClickMode) ?: ((mode: string) => void);     [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#init) ?: (() => Promise);     [particleBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleBounce) ?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) , direction: [OutModeDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_OutModeDirection.OutModeDirection.html) ) => boolean);     [particleCreated](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleCreated) ?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => void);     [particleDestroyed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleDestroyed) ?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , override?: boolean) => void);     [particleFillColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleFillColor) ?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => undefined | string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) );     [particlePosition](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlePosition) ?: ((position?: [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) , particle?: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => undefined | [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) );     [particlesInitialization](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesInitialization) ?: (() => boolean);     [particlesSetup](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesSetup) ?: (() => void);     [particleStrokeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleStrokeColor) ?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => undefined | string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) );     [particleUpdate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleUpdate) ?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void);     [pause](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#pause) ?: (() => void);     [play](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#play) ?: (() => void);     [reset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#reset) ?: (() => void);     [resize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#resize) ?: (() => void);     [start](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#start) ?: (() => Promise);     [stop](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#stop) ?: (() => void);     [update](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#update) ?: ((delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void); } ##### Index ### Properties [clickPositionValid?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#clickPositionValid) [draw?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#draw) [drawParticle?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#drawParticle) [export?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#export) [handleClickMode?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#handleClickMode) [init?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#init) [particleBounce?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleBounce) [particleCreated?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleCreated) [particleDestroyed?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleDestroyed) [particleFillColor?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleFillColor) [particlePosition?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlePosition) [particlesInitialization?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesInitialization) [particlesSetup?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesSetup) [particleStrokeColor?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleStrokeColor) [particleUpdate?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleUpdate) [pause?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#pause) [play?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#play) [reset?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#reset) [resize?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#resize) [start?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#start) [stop?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#stop) [update?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#update) Properties ---------- ### `Optional`clickPositionValid[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#clickPositionValid) clickPositionValid?: ((position: [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) ) => boolean) ### `Optional`draw[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#draw) draw?: ((context: CanvasRenderingContext2D, delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void) ### `Optional`drawParticle[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#drawParticle) drawParticle?: ((context: CanvasRenderingContext2D, particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void) ### `Optional`export[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#export) export?: ((type: string, data: Record) => Promise<[ExportResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_ExportResult.ExportResult.html) \>) ### `Optional`handleClickMode[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#handleClickMode) handleClickMode?: ((mode: string) => void) ### `Optional`init[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#init) init?: (() => Promise) ### `Optional`particleBounce[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleBounce) particleBounce?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) , direction: [OutModeDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_OutModeDirection.OutModeDirection.html) ) => boolean) ### `Optional`particleCreated[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleCreated) particleCreated?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => void) ### `Optional`particleDestroyed[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleDestroyed) particleDestroyed?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , override?: boolean) => void) ### `Optional`particleFillColor[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleFillColor) particleFillColor?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => undefined | string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) ) ### `Optional`particlePosition[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlePosition) particlePosition?: ((position?: [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) , particle?: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => undefined | [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) ) ### `Optional`particlesInitialization[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesInitialization) particlesInitialization?: (() => boolean) ### `Optional`particlesSetup[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesSetup) particlesSetup?: (() => void) ### `Optional`particleStrokeColor[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleStrokeColor) particleStrokeColor?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => undefined | string | [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) ) ### `Optional`particleUpdate[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleUpdate) particleUpdate?: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) , delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void) ### `Optional`pause[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#pause) pause?: (() => void) ### `Optional`play[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#play) play?: (() => void) ### `Optional`reset[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#reset) reset?: (() => void) ### `Optional`resize[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#resize) resize?: (() => void) ### `Optional`start[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#start) start?: (() => Promise) ### `Optional`stop[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#stop) stop?: (() => void) ### `Optional`update[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#update) update?: ((delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ) => void) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [clickPositionValid](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#clickPositionValid) [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#draw) [drawParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#drawParticle) [export](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#export) [handleClickMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#handleClickMode) [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#init) [particleBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleBounce) [particleCreated](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleCreated) [particleDestroyed](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleDestroyed) [particleFillColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleFillColor) [particlePosition](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlePosition) [particlesInitialization](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesInitialization) [particlesSetup](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particlesSetup) [particleStrokeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleStrokeColor) [particleUpdate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#particleUpdate) [pause](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#pause) [play](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#play) [reset](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#reset) [resize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#resize) [start](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#start) [stop](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#stop) [update](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html#update) --- # IShapeDrawer | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IShapeDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IShapeDrawer.html) * [IShapeDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html) Interface IShapeDrawer ================================= interface IShapeDrawer<[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) \> {     [afterDraw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#afterDraw) ?: ((data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) \>) => void);     [destroy](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#destroy) ?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => void);     [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#draw) : ((data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) \>) => void);     [getSidesCount](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#getSidesCount) ?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => number);     [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#init) ?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => Promise);     [loadShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#loadShape) ?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => void);     [particleDestroy](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleDestroy) ?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => void);     [particleInit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleInit) ?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) , particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => void);     [validTypes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#validTypes) : readonly string\[\]; } #### Type Parameters * TParticle extends [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) = [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ##### Index ### Properties [afterDraw?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#afterDraw) [destroy?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#destroy) [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#draw) [getSidesCount?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#getSidesCount) [init?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#init) [loadShape?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#loadShape) [particleDestroy?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleDestroy) [particleInit?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleInit) [validTypes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#validTypes) Properties ---------- ### `Optional`afterDraw[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#afterDraw) afterDraw?: ((data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) \>) => void) Shape after draw effect function #### Type declaration * * (data): void * #### Parameters * data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) \> the data used for drawing #### Returns void ### `Optional`destroy[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#destroy) destroy?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => void) Shape destroy function #### Type declaration * * (container): void * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container initializing the shape #### Returns void ### draw[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#draw) draw: ((data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) \>) => void) Shape draw function #### Type declaration * * (data): void * #### Parameters * data: [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) <[TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) \> the data used for drawing #### Returns void ### `Optional`getSidesCount[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#getSidesCount) getSidesCount?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => number) Shape sides count function #### Type declaration * * (particle): number * #### Parameters * particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) the particle using the shape #### Returns number the number of sides for the used shape ### `Optional`init[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#init) init?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ) => Promise) Shape init function #### Type declaration * * (container): Promise * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container initializing the shape #### Returns Promise ### `Optional`loadShape[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#loadShape) loadShape?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => void) Shape load function #### Type declaration * * (particle): void * #### Parameters * particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) the particle using the shape #### Returns void ### `Optional`particleDestroy[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleDestroy) particleDestroy?: ((particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => void) Shape particle destroy function #### Type declaration * * (particle): void * #### Parameters * particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) the particle being destroyed #### Returns void ### `Optional`particleInit[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleInit) particleInit?: ((container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) , particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) ) => void) Shape particle init function #### Type declaration * * (container, particle): void * #### Parameters * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) the container containing the shape * particle: [TParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#TParticle) the particle using the shape #### Returns void ### `Readonly`validTypes[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#validTypes) validTypes: readonly string\[\] ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [afterDraw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#afterDraw) [destroy](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#destroy) [draw](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#draw) [getSidesCount](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#getSidesCount) [init](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#init) [loadShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#loadShape) [particleDestroy](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleDestroy) [particleInit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#particleInit) [validTypes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html#validTypes) --- # IStroke | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/IStroke](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IStroke.html) * [IStroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html) Interface IStroke ================= Particle stroke, outlines the particle with a customizable line \[\[include:Options/Particles/Stroke.md\]\] interface IStroke {     [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#color) ?: string | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) \> | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) \>;     [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#opacity) ?: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [width](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#width) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ; } #### Implemented by * [Stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Stroke.Stroke.html) ##### Index ### Properties [color?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#color) [opacity?](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#opacity) [width](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#width) Properties ---------- ### `Optional`color[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#color) color?: string | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) \> | [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) \> The stroke color, can be animated too ### `Optional`opacity[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#opacity) opacity?: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The stroke opacity ### width[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#width) width: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) The stroke line width ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [color](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#color) [opacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#opacity) [width](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html#width) --- # Core/Interfaces/IParticleColorStyle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleColorStyle](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleColorStyle.html) Module Core/Interfaces/IParticleColorStyle ========================================== ### Index ### Interfaces [IParticleColorStyle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleColorStyle.IParticleColorStyle.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IMovePathGenerator | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IMovePathGenerator](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.html) Module Core/Interfaces/IMovePathGenerator ========================================= ### Index ### Interfaces [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Particles | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Particles](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Particles.html) * [Particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html) Class Particles =============== Particles manager object ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#constructor) ### Properties [movers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#movers) [quadTree](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#quadTree) [updaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#updaters) ### Accessors [count](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#count) ### Methods [addManualParticles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addManualParticles) [addParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addParticle) [clear](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#clear) [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#draw) [filter](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#filter) [find](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#find) [get](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#get) [handleClickMode](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#handleClickMode) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#init) [initPlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#initPlugins) [push](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#push) [redraw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#redraw) [remove](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#remove) [removeAt](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeAt) [removeQuantity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeQuantity) [setDensity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setDensity) [setLastZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setLastZIndex) [setResizeFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setResizeFactor) [update](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#update) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#constructor) * new Particles(engine, container): [Particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#constructor.new_Particles) * #### Parameters * engine: [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) #### Returns [Particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html) Properties ---------- ### movers[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#movers) movers: [IParticleMover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleMover.IParticleMover.html) \[\] ### quadTree[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#quadTree) quadTree: [QuadTree](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_QuadTree.QuadTree.html) The quad tree used to search particles withing ranges ### updaters[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#updaters) updaters: [IParticleUpdater](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleUpdater.IParticleUpdater.html) \[\] Accessors --------- ### count[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#count) * get count(): number * #### Returns number Methods ------- ### addManualParticles[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addManualParticles) * addManualParticles(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addManualParticles.addManualParticles-1) * #### Returns void ### addParticle[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addParticle) * addParticle(position?, overrideOptions?, group?, initializer?): undefined | [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addParticle.addParticle-1) * #### Parameters * `Optional`position: [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) * `Optional`overrideOptions: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \> * `Optional`group: string * `Optional`initializer: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => boolean) * * (particle): boolean * #### Parameters * particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) #### Returns boolean #### Returns undefined | [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ### clear[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#clear) * clear(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#clear.clear-1) * Removes all particles from the array #### Returns void ### destroy[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#destroy) * destroy(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#destroy.destroy-1) * #### Returns void ### draw[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#draw) * draw(delta): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#draw.draw-1) * #### Parameters * delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) #### Returns void ### filter[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#filter) * filter(condition): [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \[\][](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#filter.filter-1) * #### Parameters * condition: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => boolean) * * (particle): boolean * #### Parameters * particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) #### Returns boolean #### Returns [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) \[\] ### find[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#find) * find(condition): undefined | [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#find.find-1) * #### Parameters * condition: ((particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ) => boolean) * * (particle): boolean * #### Parameters * particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) #### Returns boolean #### Returns undefined | [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ### get[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#get) * get(index): undefined | [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#get.get-1) * #### Parameters * index: number #### Returns undefined | [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ### handleClickMode[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#handleClickMode) * handleClickMode(mode): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#handleClickMode.handleClickMode-1) * #### Parameters * mode: string #### Returns void ### init[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#init) * init(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#init.init-1) * #### Returns Promise ### initPlugins[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#initPlugins) * initPlugins(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#initPlugins.initPlugins-1) * #### Returns Promise ### push[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#push) * push(nb, mouse?, overrideOptions?, group?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#push.push-1) * #### Parameters * nb: number * `Optional`mouse: [IMouseData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMouseData.IMouseData.html) * `Optional`overrideOptions: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \> * `Optional`group: string #### Returns void ### redraw[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#redraw) * redraw(): Promise[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#redraw.redraw-1) * #### Returns Promise ### remove[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#remove) * remove(particle, group?, override?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#remove.remove-1) * #### Parameters * particle: [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) * `Optional`group: string * `Optional`override: boolean #### Returns void ### removeAt[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeAt) * removeAt(index, quantity?, group?, override?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeAt.removeAt-1) * #### Parameters * index: number * quantity: number = defaultRemoveQuantity * `Optional`group: string * `Optional`override: boolean #### Returns void ### removeQuantity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeQuantity) * removeQuantity(quantity, group?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeQuantity.removeQuantity-1) * #### Parameters * quantity: number * `Optional`group: string #### Returns void ### setDensity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setDensity) * setDensity(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setDensity.setDensity-1) * #### Returns void ### setLastZIndex[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setLastZIndex) * setLastZIndex(zIndex): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setLastZIndex.setLastZIndex-1) * #### Parameters * zIndex: number #### Returns void ### setResizeFactor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setResizeFactor) * setResizeFactor(factor): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setResizeFactor.setResizeFactor-1) * #### Parameters * factor: [IDimension](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimension.html) #### Returns void ### update[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#update) * update(delta): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#update.update-1) * #### Parameters * delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#constructor) Properties [movers](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#movers) [quadTree](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#quadTree) [updaters](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#updaters) Accessors [count](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#count) Methods [addManualParticles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addManualParticles) [addParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#addParticle) [clear](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#clear) [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#draw) [filter](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#filter) [find](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#find) [get](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#get) [handleClickMode](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#handleClickMode) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#init) [initPlugins](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#initPlugins) [push](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#push) [redraw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#redraw) [remove](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#remove) [removeAt](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeAt) [removeQuantity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#removeQuantity) [setDensity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setDensity) [setLastZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setLastZIndex) [setResizeFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#setResizeFactor) [update](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html#update) --- # Core/Interfaces/IParticleLife | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleLife](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleLife.html) Module Core/Interfaces/IParticleLife ==================================== ### Index ### Interfaces [IParticleLife](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleLife.IParticleLife.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IParticleHslAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleHslAnimation.html) Module Core/Interfaces/IParticleHslAnimation ============================================ ### Index ### Interfaces [IParticleHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleHslAnimation.IParticleHslAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IZIndex | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/ZIndex/IZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.html) * [IZIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html) Interface IZIndex ================= \[\[include:Options/Particles/ZIndex.md\]\] interface IZIndex {     [opacityRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#opacityRate) : number;     [sizeRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#sizeRate) : number;     [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#value) : [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ;     [velocityRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#velocityRate) : number; } #### Hierarchy ([view full](https://particles.js.org/docs/hierarchy.html#tsParticles%20Engine.Options/Interfaces/Particles/ZIndex/IZIndex.IZIndex) ) * [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) * IZIndex #### Implemented by * [ZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.ZIndex.html) ##### Index ### Properties [opacityRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#opacityRate) [sizeRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#sizeRate) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#value) [velocityRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#velocityRate) Properties ---------- ### opacityRate[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#opacityRate) opacityRate: number The particles z-index factor for opacity ### sizeRate[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#sizeRate) sizeRate: number The particles z-index factor for size ### value[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#value) value: [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) Value of property. ### velocityRate[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#velocityRate) velocityRate: number The particles z-index factor for velocity ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Properties [opacityRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#opacityRate) [sizeRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#sizeRate) [value](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#value) [velocityRate](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html#velocityRate) --- # Core/Interfaces/IParticleRetinaProps | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleRetinaProps](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleRetinaProps.html) Module Core/Interfaces/IParticleRetinaProps =========================================== ### Index ### Interfaces [IParticleRetinaProps](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRetinaProps.IParticleRetinaProps.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IParticleMover | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleMover](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleMover.html) Module Core/Interfaces/IParticleMover ===================================== ### Index ### Interfaces [IParticleMover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleMover.IParticleMover.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IParticlesInteractor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticlesInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticlesInteractor.html) Module Core/Interfaces/IParticlesInteractor =========================================== ### Index ### Interfaces [IParticlesInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticlesInteractor.IParticlesInteractor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IParticleRoll | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleRoll](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleRoll.html) Module Core/Interfaces/IParticleRoll ==================================== ### Index ### Interfaces [IParticleRoll](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRoll.IParticleRoll.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IParticleTransformValues | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleTransformValues](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleTransformValues.html) Module Core/Interfaces/IParticleTransformValues =============================================== ### Index ### Interfaces [IParticleTransformValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleTransformValues.IParticleTransformValues.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IPlugin | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IPlugin.html) Module Core/Interfaces/IPlugin ============================== ### Index ### Interfaces [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IParticleUpdater | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleUpdater](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleUpdater.html) Module Core/Interfaces/IParticleUpdater ======================================= ### Index ### Interfaces [IParticleUpdater](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleUpdater.IParticleUpdater.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IParticleValueAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IParticleValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.html) Module Core/Interfaces/IParticleValueAnimation ============================================== ### Index ### Interfaces [IParticleColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleColorAnimation.html) [IParticleNumericValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleNumericValueAnimation.html) [IParticleValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleValueAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IPositionFromSizeParams | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.html) Module Core/Interfaces/IPositionFromSizeParams ============================================== ### Index ### Interfaces [IPositionFromSizeParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.IPositionFromSizeParams.html) [IRangedPositionFromSizeParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.IRangedPositionFromSizeParams.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IRangeValue | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IRangeValue.html) Module Core/Interfaces/IRangeValue ================================== ### Index ### Interfaces [IRangeValue](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IRectSideResult | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IRectSideResult](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IRectSideResult.html) Module Core/Interfaces/IRectSideResult ====================================== ### Index ### Interfaces [IRectSideResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRectSideResult.IRectSideResult.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # IOptionLoader | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IOptionLoader](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptionLoader.html) * [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) Interface IOptionLoader ========================== This interface is used by the options classes to have a [IOptionLoader.load](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#load) method to set all needed properties from source interface IOptionLoader<[T](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#T) \> {     [load](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#load.load-1) (data?: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[T](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#T) \>): void; } #### Type Parameters * T #### Implemented by * [AnimatableColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimatableColor.AnimatableColor.html) * [AnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.AnimationOptions.html) * [AnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.AnimationValueWithRandom.html) * [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) * [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) * [BackgroundMaskCover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.BackgroundMaskCover.html) * [ClickEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ClickEvent.ClickEvent.html) * [Collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.Collisions.html) * [CollisionsAbsorb](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsAbsorb.CollisionsAbsorb.html) * [CollisionsOverlap](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsOverlap.CollisionsOverlap.html) * [ColorAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ColorAnimation.ColorAnimation.html) * [DivEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_DivEvent.DivEvent.html) * [Effect](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Effect_Effect.Effect.html) * [Events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.Events.html) * [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) * [HoverEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_HoverEvent.HoverEvent.html) * [HslAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_HslAnimation.HslAnimation.html) * [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) * [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) * [Modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.Modes.html) * [Move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Move.Move.html) * [MoveAngle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAngle.MoveAngle.html) * [MoveAttract](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAttract.MoveAttract.html) * [MoveCenter](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveCenter.MoveCenter.html) * [MoveGravity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveGravity.MoveGravity.html) * [MovePath](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Path_MovePath.MovePath.html) * [MoveTrail](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrail.MoveTrail.html) * [MoveTrailFill](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrailFill.MoveTrailFill.html) * [Opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.Opacity.html) * [OpacityAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_OpacityAnimation.OpacityAnimation.html) * [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) * [OptionsColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_OptionsColor.OptionsColor.html) * [OutModes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_OutModes.OutModes.html) * [Parallax](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Parallax.Parallax.html) * [ParticlesBounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.ParticlesBounce.html) * [ParticlesDensity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesDensity.ParticlesDensity.html) * [ParticlesNumber](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.ParticlesNumber.html) * [ParticlesNumberLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumberLimit.ParticlesNumberLimit.html) * [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) * [RangedAnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.RangedAnimationOptions.html) * [RangedAnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.RangedAnimationValueWithRandom.html) * [ResizeEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ResizeEvent.ResizeEvent.html) * [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) * [Shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shadow.Shadow.html) * [Shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.Shape.html) * [Size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_Size.Size.html) * [SizeAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_SizeAnimation.SizeAnimation.html) * [Spin](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Spin.Spin.html) * [Stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Stroke.Stroke.html) * [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) * [ThemeDefault](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.ThemeDefault.html) * [ValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.ValueWithRandom.html) * [ZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.ZIndex.html) ##### Index ### Methods [load](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#load) Methods ------- ### load[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#load) * load(data?): void[](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#load.load-1) * This load method is used to load data in the classes used as generic #### Parameters * `Optional`data: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[T](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#T) \> the input options #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Methods [load](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html#load) --- # Particle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Particle](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Particle.html) * [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) Class Particle ============== The single particle object ##### Index ### Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#constructor) ### Properties [backColor?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#backColor) [bubble](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#bubble) [color?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#color) [container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#container) [destroyed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#destroyed) [direction](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#direction) [effect](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effect) [effectClose](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectClose) [effectData?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectData) [effectFill](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectFill) [group?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#group) [id](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#id) [ignoresResizeRatio](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#ignoresResizeRatio) [initialPosition](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#initialPosition) [initialVelocity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#initialVelocity) [interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#interactivity) [isRotating](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isRotating) [lastPathTime](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#lastPathTime) [misplaced](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#misplaced) [moveCenter](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#moveCenter) [moveDecay](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#moveDecay) [offset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#offset) [opacity?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#opacity) [options](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#options) [outType](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#outType) [pathDelay](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathDelay) [pathGenerator?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathGenerator) [pathRotation](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathRotation) [position](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#position) [randomIndexData?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#randomIndexData) [retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#retina) [roll?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#roll) [rotation](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#rotation) [shadowColor?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shadowColor) [shape](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shape) [shapeClose](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeClose) [shapeData?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeData) [shapeFill](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeFill) [sides](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#sides) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#size) [slow](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#slow) [spawning](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#spawning) [strokeColor?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeColor) [strokeOpacity?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeOpacity) [strokeWidth?](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeWidth) [unbreakable](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#unbreakable) [velocity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#velocity) [zIndexFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#zIndexFactor) ### Methods [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#draw) [getFillColor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getFillColor) [getMass](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getMass) [getPosition](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getPosition) [getRadius](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getRadius) [getStrokeColor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getStrokeColor) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#init) [isInsideCanvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isInsideCanvas) [isVisible](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isVisible) [reset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#reset) Constructors ------------ ### constructor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#constructor) * new Particle(engine, container): [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#constructor.new_Particle) * #### Parameters * engine: [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) * container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) #### Returns [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) Properties ---------- ### `Optional`backColor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#backColor) backColor?: [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) Particles back color ### bubble[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#bubble) bubble: [IBubbleParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IBubbleParticleData.IBubbleParticleData.html) Gets particles bubble data ### `Optional`color[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#color) color?: [IParticleHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleHslAnimation.IParticleHslAnimation.html) Gets the particle color options ### `Readonly`container[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#container) container: [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ### destroyed[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#destroyed) destroyed: boolean Checks if the particle is destroyed ### direction[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#direction) direction: number Gets particle direction, the value is an angle in rad ### effect[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effect) effect: string Gets particle effect type ### effectClose[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectClose) effectClose: boolean Checks if the particle effect needs a closed path ### `Optional`effectData[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectData) effectData?: [IShapeValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeValues.IShapeValues.html) Gets particle effect options ### effectFill[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectFill) effectFill: boolean Checks if the particle effect needs to be filled with a color ### `Optional`group[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#group) group?: string ### id[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#id) id: number ### ignoresResizeRatio[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#ignoresResizeRatio) ignoresResizeRatio: boolean When this is enabled, the particle won't resize when the canvas resize event is fired ### initialPosition[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#initialPosition) initialPosition: [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) Gets particle initial position ### initialVelocity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#initialVelocity) initialVelocity: [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) Gets particle initial velocity ### interactivity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#interactivity) interactivity: [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) ### isRotating[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isRotating) isRotating: boolean ### lastPathTime[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#lastPathTime) lastPathTime: number Last path timestamp ### misplaced[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#misplaced) misplaced: boolean Check if the particle needs a fix on the position ### moveCenter[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#moveCenter) moveCenter: [ICenterCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICenterCoordinates.html) ### moveDecay[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#moveDecay) moveDecay: number Gets particle movement speed decay ### offset[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#offset) offset: [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) Gets particle offset position, used for parallax interaction ### `Optional`opacity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#opacity) opacity?: [IParticleNumericValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleNumericValueAnimation.html) Gets the particle opacity options ### options[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#options) options: [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) Gets the particle options ### outType[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#outType) outType: [ParticleOutType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_ParticleOutType.ParticleOutType.html) ### pathDelay[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathDelay) pathDelay: number Gets the delay for every path step ### `Optional`pathGenerator[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathGenerator) pathGenerator?: [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) Gets the particle's path generator ### pathRotation[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathRotation) pathRotation: boolean Gets if the particle should rotate with path ### position[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#position) position: [Vector3d](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector3d.html) Gets particle current position ### `Optional`randomIndexData[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#randomIndexData) randomIndexData?: number The random index used by the particle ### retina[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#retina) retina: [IParticleRetinaProps](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRetinaProps.IParticleRetinaProps.html) Gets the particle retina values ### `Optional`roll[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#roll) roll?: [IParticleRoll](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRoll.IParticleRoll.html) Gets the particle roll options ### rotation[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#rotation) rotation: number Gets the particle rotation angle ### `Optional`shadowColor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shadowColor) shadowColor?: [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html) Gets particle shadow color ### shape[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shape) shape: string Gets particle shape type ### shapeClose[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeClose) shapeClose: boolean Checks if the particle shape needs a closed path ### `Optional`shapeData[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeData) shapeData?: [IShapeValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeValues.IShapeValues.html) Gets particle shape options ### shapeFill[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeFill) shapeFill: boolean Checks if the particle shape needs to be filled with a color ### sides[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#sides) sides: number Gets the particle side count ### size[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#size) size: [IParticleNumericValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleNumericValueAnimation.html) Gets particle size options ### slow[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#slow) slow: [ISlowParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ISlowParticleData.ISlowParticleData.html) ### spawning[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#spawning) spawning: boolean Check if the particle is spawning, and can't be touched ### `Optional`strokeColor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeColor) strokeColor?: [IParticleHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleHslAnimation.IParticleHslAnimation.html) Sets the particle stroke color ### `Optional`strokeOpacity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeOpacity) strokeOpacity?: number Sets the particle stroke opacity ### `Optional`strokeWidth[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeWidth) strokeWidth?: number Sets the particle stroke width ### unbreakable[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#unbreakable) unbreakable: boolean Checks if the particle is unbreakable, if true the particle won't destroy on collisions ### velocity[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#velocity) velocity: [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) Gets particle current velocity ### zIndexFactor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#zIndexFactor) zIndexFactor: number Gets the particle Z-Index factor Methods ------- ### destroy[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#destroy) * destroy(override?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#destroy.destroy-1) * #### Parameters * `Optional`override: boolean #### Returns void ### draw[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#draw) * draw(delta): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#draw.draw-1) * #### Parameters * delta: [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) #### Returns void ### getFillColor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getFillColor) * getFillColor(): undefined | [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getFillColor.getFillColor-1) * #### Returns undefined | [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) ### getMass[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getMass) * getMass(): number[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getMass.getMass-1) * #### Returns number ### getPosition[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getPosition) * getPosition(): [ICoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates3d.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getPosition.getPosition-1) * #### Returns [ICoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates3d.html) ### getRadius[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getRadius) * getRadius(): number[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getRadius.getRadius-1) * #### Returns number ### getStrokeColor[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getStrokeColor) * getStrokeColor(): undefined | [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) [](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getStrokeColor.getStrokeColor-1) * #### Returns undefined | [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) ### init[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#init) * init(id, position?, overrideOptions?, group?): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#init.init-1) * #### Parameters * id: number * `Optional`position: [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) * `Optional`overrideOptions: [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) <[IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) \> * `Optional`group: string #### Returns void ### isInsideCanvas[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isInsideCanvas) * isInsideCanvas(): boolean[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isInsideCanvas.isInsideCanvas-1) * #### Returns boolean ### isVisible[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isVisible) * isVisible(): boolean[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isVisible.isVisible-1) * #### Returns boolean ### reset[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#reset) * reset(): void[](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#reset.reset-1) * This method is used when the particle has lost a life and needs some value resets #### Returns void ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page Constructors [constructor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#constructor) Properties [backColor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#backColor) [bubble](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#bubble) [color](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#color) [container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#container) [destroyed](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#destroyed) [direction](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#direction) [effect](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effect) [effectClose](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectClose) [effectData](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectData) [effectFill](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#effectFill) [group](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#group) [id](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#id) [ignoresResizeRatio](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#ignoresResizeRatio) [initialPosition](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#initialPosition) [initialVelocity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#initialVelocity) [interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#interactivity) [isRotating](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isRotating) [lastPathTime](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#lastPathTime) [misplaced](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#misplaced) [moveCenter](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#moveCenter) [moveDecay](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#moveDecay) [offset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#offset) [opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#opacity) [options](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#options) [outType](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#outType) [pathDelay](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathDelay) [pathGenerator](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathGenerator) [pathRotation](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#pathRotation) [position](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#position) [randomIndexData](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#randomIndexData) [retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#retina) [roll](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#roll) [rotation](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#rotation) [shadowColor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shadowColor) [shape](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shape) [shapeClose](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeClose) [shapeData](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeData) [shapeFill](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#shapeFill) [sides](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#sides) [size](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#size) [slow](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#slow) [spawning](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#spawning) [strokeColor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeColor) [strokeOpacity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeOpacity) [strokeWidth](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#strokeWidth) [unbreakable](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#unbreakable) [velocity](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#velocity) [zIndexFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#zIndexFactor) Methods [destroy](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#destroy) [draw](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#draw) [getFillColor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getFillColor) [getMass](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getMass) [getPosition](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getPosition) [getRadius](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getRadius) [getStrokeColor](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#getStrokeColor) [init](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#init) [isInsideCanvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isInsideCanvas) [isVisible](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#isVisible) [reset](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html#reset) --- # Core/Interfaces/IShapeDrawData | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IShapeDrawData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IShapeDrawData.html) Module Core/Interfaces/IShapeDrawData ===================================== ### Index ### Interfaces [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IShapeDrawer | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IShapeDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IShapeDrawer.html) Module Core/Interfaces/IShapeDrawer =================================== ### Index ### Interfaces [IShapeDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/IShapeValues | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/IShapeValues](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_IShapeValues.html) Module Core/Interfaces/IShapeValues =================================== ### Index ### Interfaces [IShapeValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeValues.IShapeValues.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/ISlowParticleData | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/ISlowParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ISlowParticleData.html) Module Core/Interfaces/ISlowParticleData ======================================== ### Index ### Interfaces [ISlowParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ISlowParticleData.ISlowParticleData.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Interfaces/ITrailFillData | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Interfaces/ITrailFillData](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Interfaces_ITrailFillData.html) Module Core/Interfaces/ITrailFillData ===================================== ### Index ### Interfaces [ITrailFillData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ITrailFillData.ITrailFillData.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Particle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Particle](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Particle.html) Module Core/Particle ==================== ### Index ### Classes [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Particles | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Particles](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Particles.html) Module Core/Particles ===================== ### Index ### Classes [Particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Retina | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Retina](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Retina.html) Module Core/Retina ================== ### Index ### Classes [Retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/ExternalInteractorBase | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_ExternalInteractorBase.html) Module Core/Utils/ExternalInteractorBase ======================================== ### Index ### Classes [ExternalInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ExternalInteractorBase.ExternalInteractorBase.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/EventListeners | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/EventListeners](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_EventListeners.html) Module Core/Utils/EventListeners ================================ ### Index ### Classes [EventListeners](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_EventListeners.EventListeners.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/InteractionManager | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/InteractionManager](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_InteractionManager.html) Module Core/Utils/InteractionManager ==================================== ### Index ### Classes [InteractionManager](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_InteractionManager.InteractionManager.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/ParticlesInteractorBase | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_ParticlesInteractorBase.html) Module Core/Utils/ParticlesInteractorBase ========================================= ### Index ### Classes [ParticlesInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ParticlesInteractorBase.ParticlesInteractorBase.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/Point | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/Point](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Point.html) Module Core/Utils/Point ======================= ### Index ### Classes [Point](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Point.Point.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/Constants | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/Constants](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Constants.html) Module Core/Utils/Constants =========================== ### Index ### Variables [canvasFirstIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasFirstIndex.html) [canvasTag](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasTag.html) [clickRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.clickRadius.html) [countOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.countOffset.html) [decayOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.decayOffset.html) [defaultAlpha](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAlpha.html) [defaultAngle](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAngle.html) [defaultDensityFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultDensityFactor.html) [defaultFps](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFps.html) [defaultFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFpsLimit.html) [defaultLoops](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultLoops.html) [defaultOpacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultOpacity.html) [defaultRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRadius.html) [defaultRatio](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRatio.html) [defaultReduceFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultReduceFactor.html) [defaultRemoveQuantity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRemoveQuantity.html) [defaultRetryCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRetryCount.html) [defaultRgbMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRgbMin.html) [defaultTime](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTime.html) [defaultTransform](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransform.html) [defaultTransformValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransformValue.html) [defaultVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultVelocity.html) [deleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.deleteCount.html) [double](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.double.html) [doublePI](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.doublePI.html) [empty](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.empty.html) [errorPrefix](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.errorPrefix.html) [generatedAttribute](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedAttribute.html) [generatedFalse](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedFalse.html) [generatedTrue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedTrue.html) [half](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.half.html) [hMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMax.html) [hMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMin.html) [hPhase](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hPhase.html) [identity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.identity.html) [inverseFactorNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.inverseFactorNumerator.html) [lengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lengthOffset.html) [lFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lFactor.html) [lMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMax.html) [lMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMin.html) [loadMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadMinIndex.html) [loadRandomFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadRandomFactor.html) [manualCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualCount.html) [manualDefaultPosition](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualDefaultPosition.html) [midColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.midColorValue.html) [millisecondsToSeconds](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.millisecondsToSeconds.html) [minCoordinate](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCoordinate.html) [minCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCount.html) [minFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minFpsLimit.html) [minimumLength](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumLength.html) [minimumSize](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumSize.html) [minIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minIndex.html) [minLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minLimit.html) [minRetries](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minRetries.html) [minStrokeWidth](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minStrokeWidth.html) [minVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minVelocity.html) [minZ](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minZ.html) [mouseDownEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseDownEvent.html) [mouseLeaveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseLeaveEvent.html) [mouseMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseMoveEvent.html) [mouseOutEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseOutEvent.html) [mouseUpEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseUpEvent.html) [none](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.none.html) [one](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.one.html) [originPoint](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.originPoint.html) [percentDenominator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.percentDenominator.html) [phaseNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.phaseNumerator.html) [posOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.posOffset.html) [qTreeCapacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.qTreeCapacity.html) [quarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.quarter.html) [randomColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.randomColorValue.html) [removeDeleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeDeleteCount.html) [removeMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeMinIndex.html) [resizeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.resizeEvent.html) [rgbFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbFactor.html) [rgbMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbMax.html) [rollFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rollFactor.html) [sextuple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sextuple.html) [sizeFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sizeFactor.html) [sMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMax.html) [sMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMin.html) [sNormalizedOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sNormalizedOffset.html) [squareExp](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.squareExp.html) [subdivideCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.subdivideCount.html) [threeQuarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.threeQuarter.html) [touchCancelEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchCancelEvent.html) [touchDelay](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchDelay.html) [touchEndEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndEvent.html) [touchEndLengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndLengthOffset.html) [touchMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchMoveEvent.html) [touchStartEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchStartEvent.html) [triple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.triple.html) [tryCountIncrement](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.tryCountIncrement.html) [visibilityChangeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.visibilityChangeEvent.html) [zIndexFactorOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.zIndexFactorOffset.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/QuadTree | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/QuadTree](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_QuadTree.html) Module Core/Utils/QuadTree ========================== ### Index ### Classes [QuadTree](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_QuadTree.QuadTree.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # bundle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [bundle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html) Module bundle ============= ##### Index ### References [alterHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#alterHsl) [AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AlterType) [AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimatableColor) [animate](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#animate) [AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationMode) [AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationOptions) [AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationStatus) [AnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationValueWithRandom) [areBoundsInside](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#areBoundsInside) [arrayRandomIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#arrayRandomIndex) [Background](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Background) [BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BackgroundMask) [BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BackgroundMaskCover) [BaseRange](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BaseRange) [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcExactPositionOrRandomFromSize) [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcExactPositionOrRandomFromSizeRanged) [calcPositionFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionFromSize) [calcPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionOrRandomFromSize) [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionOrRandomFromSizeRanged) [calculateBounds](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calculateBounds) [cancelAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#cancelAnimation) [canvasFirstIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#canvasFirstIndex) [canvasTag](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#canvasTag) [Circle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Circle) [circleBounce](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#circleBounce) [circleBounceDataFromParticle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#circleBounceDataFromParticle) [clamp](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clamp) [clear](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clear) [ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ClickEvent) [clickRadius](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clickRadius) [cloneStyle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#cloneStyle) [CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionMode) [Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Collisions) [CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionsAbsorb) [CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionsOverlap) [collisionVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#collisionVelocity) [ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ColorAnimation) [colorMix](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorMix) [colorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorToHsl) [colorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorToRgb) [countOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#countOffset) [decayOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#decayOffset) [deepExtend](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#deepExtend) [defaultAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultAlpha) [defaultAngle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultAngle) [defaultDensityFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultDensityFactor) [defaultFps](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultFps) [defaultFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultFpsLimit) [defaultLoops](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultLoops) [defaultOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultOpacity) [defaultRadius](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRadius) [defaultRatio](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRatio) [defaultReduceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultReduceFactor) [defaultRemoveQuantity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRemoveQuantity) [defaultRetryCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRetryCount) [defaultRgbMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRgbMin) [defaultTime](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTime) [defaultTransform](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTransform) [defaultTransformValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTransformValue) [defaultVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultVelocity) [degToRad](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#degToRad) [deleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#deleteCount) [DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DestroyType) [DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DivEvent) [divMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#divMode) [divModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#divModeExecute) [DivType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DivType) [double](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#double) [doublePI](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#doublePI) [drawEffect](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawEffect) [drawLine](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawLine) [drawParticle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawPlugin) [drawShape](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawShape) [drawShapeAfterDraw](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawShapeAfterDraw) [EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EasingType) [EasingTypeAlt](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EasingTypeAlt) [empty](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#empty) [errorPrefix](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#errorPrefix) [Events](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Events) [EventType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EventType) [executeOnSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#executeOnSingleOrMultiple) [ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ExternalInteractorBase) [findItemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#findItemFromSingleOrMultiple) [FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#FullScreen) [generatedAttribute](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedAttribute) [generatedFalse](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedFalse) [generatedTrue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedTrue) [getDistance](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getDistance) [getDistances](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getDistances) [getFullScreenStyle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getFullScreenStyle) [getHslAnimationFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getHslAnimationFromHsl) [getHslFromAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getHslFromAnimation) [getLinkColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLinkColor) [getLinkRandomColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLinkRandomColor) [getLogger](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLogger) [getParticleBaseVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getParticleBaseVelocity) [getParticleDirectionAngle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getParticleDirectionAngle) [getPosition](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getPosition) [getRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRandom) [getRandomRgbColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRandomRgbColor) [getRangeMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeMax) [getRangeMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeMin) [getRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeValue) [getSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getSize) [getStyleFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getStyleFromHsl) [getStyleFromRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getStyleFromRgb) [GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#GradientType) [half](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#half) [hasMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hasMatchMedia) [hMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hMax) [hMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hMin) [HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#HoverEvent) [hPhase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hPhase) [HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#HslAnimation) [hslaToRgba](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hslaToRgba) [hslToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hslToRgb) [identity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#identity) [initParticleNumericAnimationValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#initParticleNumericAnimationValue) [Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Interactivity) [InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#InteractivityDetect) [InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#InteractorType) [inverseFactorNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#inverseFactorNumerator) [isArray](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isArray) [isBoolean](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isBoolean) [isDivModeEnabled](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isDivModeEnabled) [isFunction](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isFunction) [isInArray](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isInArray) [isNull](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isNull) [isNumber](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isNumber) [isObject](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isObject) [isPointInside](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isPointInside) [isSsr](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isSsr) [isString](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isString) [itemFromArray](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#itemFromArray) [itemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#itemFromSingleOrMultiple) [lengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lengthOffset) [lFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lFactor) [LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#LimitMode) [lMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lMax) [lMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lMin) [loadFont](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadFont) [loadMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadMinIndex) [loadOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadParticlesOptions) [loadRandomFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadRandomFactor) [manualCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#manualCount) [manualDefaultPosition](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#manualDefaultPosition) [ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ManualParticle) [midColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#midColorValue) [millisecondsToSeconds](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#millisecondsToSeconds) [minCoordinate](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minCoordinate) [minCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minCount) [minFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minFpsLimit) [minimumLength](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minimumLength) [minimumSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minimumSize) [minIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minIndex) [minLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minLimit) [minRetries](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minRetries) [minStrokeWidth](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minStrokeWidth) [minVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minVelocity) [minZ](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minZ) [mix](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mix) [Modes](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Modes) [mouseDownEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseDownEvent) [mouseLeaveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseLeaveEvent) [mouseMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseMoveEvent) [mouseOutEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseOutEvent) [mouseUpEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseUpEvent) [Move](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Move) [MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveAngle) [MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveAttract) [MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveCenter) [MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveDirection) [MoveDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveDirectionAlt) [MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveGravity) [MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MovePath) [MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveTrail) [none](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#none) [one](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#one) [Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Opacity) [OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OpacityAnimation) [Options](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Options) [OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OptionsColor) [originPoint](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#originPoint) [OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutMode) [OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutModeDirection) [OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutModes) [paintBase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#paintBase) [paintImage](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#paintImage) [Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Parallax) [parseAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#parseAlpha) [ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticleOutType) [ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesBounce) [ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesBounceFactor) [ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesDensity) [ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesInteractorBase) [ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesNumber) [ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesNumberLimit) [ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesOptions) [percentDenominator](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#percentDenominator) [phaseNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#phaseNumerator) [PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#PixelMode) [Point](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Point) [posOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#posOffset) [qTreeCapacity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#qTreeCapacity) [quarter](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#quarter) [randomColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#randomColorValue) [randomInRange](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#randomInRange) [rangeColorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rangeColorToHsl) [rangeColorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rangeColorToRgb) [RangedAnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RangedAnimationOptions) [RangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RangedAnimationValueWithRandom) [Rectangle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Rectangle) [rectBounce](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rectBounce) [removeDeleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#removeDeleteCount) [removeMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#removeMinIndex) [resizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#resizeEvent) [ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ResizeEvent-1) [Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Responsive) [ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ResponsiveMode) [rgbFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbFactor) [rgbMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbMax) [rgbToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbToHsl) [rollFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rollFactor) [RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RotateDirection) [RotateDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RotateDirectionAlt) [safeIntersectionObserver](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeIntersectionObserver) [safeMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeMatchMedia) [safeMutationObserver](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeMutationObserver) [setAnimationFunctions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setAnimationFunctions) [setLogger](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setLogger) [setRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setRandom) [setRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setRangeValue) [sextuple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sextuple) [Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Shadow) [Shape](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Shape) [singleDivModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#singleDivModeExecute) [Size](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Size) [SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#SizeAnimation) [sizeFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sizeFactor) [sMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sMax) [sMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sMin) [sNormalizedOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sNormalizedOffset) [Spin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Spin) [squareExp](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#squareExp) [StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#StartValueType) [stringToAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#stringToAlpha) [stringToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#stringToRgb) [Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Stroke) [subdivideCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#subdivideCount) [Theme](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Theme) [ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ThemeDefault) [ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ThemeMode) [threeQuarter](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#threeQuarter) [touchCancelEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchCancelEvent) [touchDelay](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchDelay) [touchEndEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchEndEvent) [touchEndLengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchEndLengthOffset) [touchMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchMoveEvent) [touchStartEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchStartEvent) [triple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#triple) [tryCountIncrement](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#tryCountIncrement) [updateAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateAnimation) [updateColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateColor) [updateColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateColorValue) [ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ValueWithRandom) [Vector](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Vector) [Vector3d](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Vector3d) [visibilityChangeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#visibilityChangeEvent) [ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ZIndex) [zIndexFactorOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#zIndexFactorOffset) ### Variables [tsParticles](https://particles.js.org/docs/variables/tsParticles_Engine.bundle.tsParticles.html) References ---------- ### alterHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#alterHsl) Re-exports [alterHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.alterHsl.html) ### AlterType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AlterType) Re-exports [AlterType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_AlterType.AlterType.html) ### AnimatableColor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimatableColor) Re-exports [AnimatableColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimatableColor.AnimatableColor.html) ### animate[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#animate) Re-exports [animate](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.animate.html) ### AnimationMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationMode) Re-exports [AnimationMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_AnimationMode.AnimationMode.html) ### AnimationOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationOptions) Re-exports [AnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.AnimationOptions.html) ### AnimationStatus[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationStatus) Re-exports [AnimationStatus](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_AnimationStatus.AnimationStatus.html) ### AnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationValueWithRandom) Re-exports [AnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.AnimationValueWithRandom.html) ### areBoundsInside[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#areBoundsInside) Re-exports [areBoundsInside](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.areBoundsInside.html) ### arrayRandomIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#arrayRandomIndex) Re-exports [arrayRandomIndex](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.arrayRandomIndex.html) ### Background[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Background) Re-exports [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) ### BackgroundMask[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BackgroundMask) Re-exports [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) ### BackgroundMaskCover[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BackgroundMaskCover) Re-exports [BackgroundMaskCover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.BackgroundMaskCover.html) ### BaseRange[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BaseRange) Re-exports [BaseRange](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.BaseRange.html) ### calcExactPositionOrRandomFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcExactPositionOrRandomFromSize) Re-exports [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcExactPositionOrRandomFromSize.html) ### calcExactPositionOrRandomFromSizeRanged[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcExactPositionOrRandomFromSizeRanged) Re-exports [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcExactPositionOrRandomFromSizeRanged.html) ### calcPositionFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionFromSize) Re-exports [calcPositionFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionFromSize.html) ### calcPositionOrRandomFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionOrRandomFromSize) Re-exports [calcPositionOrRandomFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionOrRandomFromSize.html) ### calcPositionOrRandomFromSizeRanged[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionOrRandomFromSizeRanged) Re-exports [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionOrRandomFromSizeRanged.html) ### calculateBounds[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calculateBounds) Re-exports [calculateBounds](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.calculateBounds.html) ### cancelAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#cancelAnimation) Re-exports [cancelAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.cancelAnimation.html) ### canvasFirstIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#canvasFirstIndex) Re-exports [canvasFirstIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasFirstIndex.html) ### canvasTag[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#canvasTag) Re-exports [canvasTag](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasTag.html) ### Circle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Circle) Re-exports [Circle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Circle.html) ### circleBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#circleBounce) Re-exports [circleBounce](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.circleBounce.html) ### circleBounceDataFromParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#circleBounceDataFromParticle) Re-exports [circleBounceDataFromParticle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.circleBounceDataFromParticle.html) ### clamp[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clamp) Re-exports [clamp](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.clamp.html) ### clear[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clear) Re-exports [clear](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.clear.html) ### ClickEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ClickEvent) Re-exports [ClickEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ClickEvent.ClickEvent.html) ### clickRadius[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clickRadius) Re-exports [clickRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.clickRadius.html) ### cloneStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#cloneStyle) Re-exports [cloneStyle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.cloneStyle.html) ### CollisionMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionMode) Re-exports [CollisionMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_CollisionMode.CollisionMode.html) ### Collisions[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Collisions) Re-exports [Collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.Collisions.html) ### CollisionsAbsorb[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionsAbsorb) Re-exports [CollisionsAbsorb](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsAbsorb.CollisionsAbsorb.html) ### CollisionsOverlap[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionsOverlap) Re-exports [CollisionsOverlap](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsOverlap.CollisionsOverlap.html) ### collisionVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#collisionVelocity) Re-exports [collisionVelocity](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.collisionVelocity.html) ### ColorAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ColorAnimation) Re-exports [ColorAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ColorAnimation.ColorAnimation.html) ### colorMix[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorMix) Re-exports [colorMix](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorMix.html) ### colorToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorToHsl) Re-exports [colorToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorToHsl.html) ### colorToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorToRgb) Re-exports [colorToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorToRgb.html) ### countOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#countOffset) Re-exports [countOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.countOffset.html) ### decayOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#decayOffset) Re-exports [decayOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.decayOffset.html) ### deepExtend[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#deepExtend) Re-exports [deepExtend](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.deepExtend.html) ### defaultAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultAlpha) Re-exports [defaultAlpha](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAlpha.html) ### defaultAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultAngle) Re-exports [defaultAngle](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAngle.html) ### defaultDensityFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultDensityFactor) Re-exports [defaultDensityFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultDensityFactor.html) ### defaultFps[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultFps) Re-exports [defaultFps](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFps.html) ### defaultFpsLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultFpsLimit) Re-exports [defaultFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFpsLimit.html) ### defaultLoops[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultLoops) Re-exports [defaultLoops](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultLoops.html) ### defaultOpacity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultOpacity) Re-exports [defaultOpacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultOpacity.html) ### defaultRadius[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRadius) Re-exports [defaultRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRadius.html) ### defaultRatio[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRatio) Re-exports [defaultRatio](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRatio.html) ### defaultReduceFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultReduceFactor) Re-exports [defaultReduceFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultReduceFactor.html) ### defaultRemoveQuantity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRemoveQuantity) Re-exports [defaultRemoveQuantity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRemoveQuantity.html) ### defaultRetryCount[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRetryCount) Re-exports [defaultRetryCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRetryCount.html) ### defaultRgbMin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRgbMin) Re-exports [defaultRgbMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRgbMin.html) ### defaultTime[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTime) Re-exports [defaultTime](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTime.html) ### defaultTransform[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTransform) Re-exports [defaultTransform](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransform.html) ### defaultTransformValue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTransformValue) Re-exports [defaultTransformValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransformValue.html) ### defaultVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultVelocity) Re-exports [defaultVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultVelocity.html) ### degToRad[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#degToRad) Re-exports [degToRad](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.degToRad.html) ### deleteCount[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#deleteCount) Re-exports [deleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.deleteCount.html) ### DestroyType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DestroyType) Re-exports [DestroyType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DestroyType.DestroyType.html) ### DivEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DivEvent) Re-exports [DivEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_DivEvent.DivEvent.html) ### divMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#divMode) Re-exports [divMode](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.divMode.html) ### divModeExecute[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#divModeExecute) Re-exports [divModeExecute](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.divModeExecute.html) ### DivType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DivType) Re-exports [DivType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DivType.DivType.html) ### double[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#double) Re-exports [double](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.double.html) ### doublePI[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#doublePI) Re-exports [doublePI](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.doublePI.html) ### drawEffect[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawEffect) Re-exports [drawEffect](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawEffect.html) ### drawLine[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawLine) Re-exports [drawLine](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawLine.html) ### drawParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawParticle) Re-exports [drawParticle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawParticle.html) ### drawParticlePlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawParticlePlugin) Re-exports [drawParticlePlugin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawParticlePlugin.html) ### drawPlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawPlugin) Re-exports [drawPlugin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawPlugin.html) ### drawShape[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawShape) Re-exports [drawShape](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawShape.html) ### drawShapeAfterDraw[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawShapeAfterDraw) Re-exports [drawShapeAfterDraw](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawShapeAfterDraw.html) ### EasingType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EasingType) Re-exports [EasingType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EasingType.EasingType.html) ### EasingTypeAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EasingTypeAlt) Re-exports [EasingTypeAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Types_EasingType.EasingTypeAlt.html) ### empty[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#empty) Re-exports [empty](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.empty.html) ### errorPrefix[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#errorPrefix) Re-exports [errorPrefix](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.errorPrefix.html) ### Events[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Events) Re-exports [Events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.Events.html) ### EventType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EventType) Re-exports [EventType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EventType.EventType.html) ### executeOnSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#executeOnSingleOrMultiple) Re-exports [executeOnSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.executeOnSingleOrMultiple.html) ### ExternalInteractorBase[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ExternalInteractorBase) Re-exports [ExternalInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ExternalInteractorBase.ExternalInteractorBase.html) ### findItemFromSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#findItemFromSingleOrMultiple) Re-exports [findItemFromSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.findItemFromSingleOrMultiple.html) ### FullScreen[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#FullScreen) Re-exports [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) ### generatedAttribute[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedAttribute) Re-exports [generatedAttribute](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedAttribute.html) ### generatedFalse[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedFalse) Re-exports [generatedFalse](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedFalse.html) ### generatedTrue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedTrue) Re-exports [generatedTrue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedTrue.html) ### getDistance[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getDistance) Re-exports [getDistance](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getDistance.html) ### getDistances[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getDistances) Re-exports [getDistances](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getDistances.html) ### getFullScreenStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getFullScreenStyle) Re-exports [getFullScreenStyle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getFullScreenStyle.html) ### getHslAnimationFromHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getHslAnimationFromHsl) Re-exports [getHslAnimationFromHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getHslAnimationFromHsl.html) ### getHslFromAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getHslFromAnimation) Re-exports [getHslFromAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getHslFromAnimation.html) ### getLinkColor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLinkColor) Re-exports [getLinkColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getLinkColor.html) ### getLinkRandomColor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLinkRandomColor) Re-exports [getLinkRandomColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getLinkRandomColor.html) ### getLogger[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLogger) Re-exports [getLogger](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getLogger.html) ### getParticleBaseVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getParticleBaseVelocity) Re-exports [getParticleBaseVelocity](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getParticleBaseVelocity.html) ### getParticleDirectionAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getParticleDirectionAngle) Re-exports [getParticleDirectionAngle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getParticleDirectionAngle.html) ### getPosition[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getPosition) Re-exports [getPosition](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getPosition.html) ### getRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRandom) Re-exports [getRandom](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRandom.html) ### getRandomRgbColor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRandomRgbColor) Re-exports [getRandomRgbColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getRandomRgbColor.html) ### getRangeMax[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeMax) Re-exports [getRangeMax](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeMax.html) ### getRangeMin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeMin) Re-exports [getRangeMin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeMin.html) ### getRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeValue) Re-exports [getRangeValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeValue.html) ### getSize[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getSize) Re-exports [getSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getSize.html) ### getStyleFromHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getStyleFromHsl) Re-exports [getStyleFromHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getStyleFromHsl.html) ### getStyleFromRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getStyleFromRgb) Re-exports [getStyleFromRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getStyleFromRgb.html) ### GradientType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#GradientType) Re-exports [GradientType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_GradientType.GradientType.html) ### half[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#half) Re-exports [half](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.half.html) ### hasMatchMedia[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hasMatchMedia) Re-exports [hasMatchMedia](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.hasMatchMedia.html) ### hMax[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hMax) Re-exports [hMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMax.html) ### hMin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hMin) Re-exports [hMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMin.html) ### HoverEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#HoverEvent) Re-exports [HoverEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_HoverEvent.HoverEvent.html) ### hPhase[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hPhase) Re-exports [hPhase](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hPhase.html) ### HslAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#HslAnimation) Re-exports [HslAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_HslAnimation.HslAnimation.html) ### hslaToRgba[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hslaToRgba) Re-exports [hslaToRgba](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.hslaToRgba.html) ### hslToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hslToRgb) Re-exports [hslToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.hslToRgb.html) ### identity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#identity) Re-exports [identity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.identity.html) ### initParticleNumericAnimationValue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#initParticleNumericAnimationValue) Re-exports [initParticleNumericAnimationValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.initParticleNumericAnimationValue.html) ### Interactivity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Interactivity) Re-exports [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) ### InteractivityDetect[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#InteractivityDetect) Re-exports [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) ### InteractorType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#InteractorType) Re-exports [InteractorType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_InteractorType.InteractorType.html) ### inverseFactorNumerator[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#inverseFactorNumerator) Re-exports [inverseFactorNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.inverseFactorNumerator.html) ### isArray[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isArray) Re-exports [isArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isArray.html) ### isBoolean[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isBoolean) Re-exports [isBoolean](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isBoolean.html) ### isDivModeEnabled[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isDivModeEnabled) Re-exports [isDivModeEnabled](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isDivModeEnabled.html) ### isFunction[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isFunction) Re-exports [isFunction](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isFunction.html) ### isInArray[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isInArray) Re-exports [isInArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isInArray.html) ### isNull[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isNull) Re-exports [isNull](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isNull.html) ### isNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isNumber) Re-exports [isNumber](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isNumber.html) ### isObject[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isObject) Re-exports [isObject](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isObject.html) ### isPointInside[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isPointInside) Re-exports [isPointInside](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isPointInside.html) ### isSsr[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isSsr) Re-exports [isSsr](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isSsr.html) ### isString[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isString) Re-exports [isString](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isString.html) ### itemFromArray[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#itemFromArray) Re-exports [itemFromArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.itemFromArray.html) ### itemFromSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#itemFromSingleOrMultiple) Re-exports [itemFromSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.itemFromSingleOrMultiple.html) ### lengthOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lengthOffset) Re-exports [lengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lengthOffset.html) ### lFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lFactor) Re-exports [lFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lFactor.html) ### LimitMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#LimitMode) Re-exports [LimitMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_LimitMode.LimitMode.html) ### lMax[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lMax) Re-exports [lMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMax.html) ### lMin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lMin) Re-exports [lMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMin.html) ### loadFont[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadFont) Re-exports [loadFont](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.loadFont.html) ### loadMinIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadMinIndex) Re-exports [loadMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadMinIndex.html) ### loadOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadOptions) Re-exports [loadOptions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_OptionsUtils.loadOptions.html) ### loadParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadParticlesOptions) Re-exports [loadParticlesOptions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_OptionsUtils.loadParticlesOptions.html) ### loadRandomFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadRandomFactor) Re-exports [loadRandomFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadRandomFactor.html) ### manualCount[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#manualCount) Re-exports [manualCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualCount.html) ### manualDefaultPosition[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#manualDefaultPosition) Re-exports [manualDefaultPosition](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualDefaultPosition.html) ### ManualParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ManualParticle) Re-exports [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) ### midColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#midColorValue) Re-exports [midColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.midColorValue.html) ### millisecondsToSeconds[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#millisecondsToSeconds) Re-exports [millisecondsToSeconds](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.millisecondsToSeconds.html) ### minCoordinate[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minCoordinate) Re-exports [minCoordinate](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCoordinate.html) ### minCount[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minCount) Re-exports [minCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCount.html) ### minFpsLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minFpsLimit) Re-exports [minFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minFpsLimit.html) ### minimumLength[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minimumLength) Re-exports [minimumLength](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumLength.html) ### minimumSize[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minimumSize) Re-exports [minimumSize](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumSize.html) ### minIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minIndex) Re-exports [minIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minIndex.html) ### minLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minLimit) Re-exports [minLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minLimit.html) ### minRetries[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minRetries) Re-exports [minRetries](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minRetries.html) ### minStrokeWidth[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minStrokeWidth) Re-exports [minStrokeWidth](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minStrokeWidth.html) ### minVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minVelocity) Re-exports [minVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minVelocity.html) ### minZ[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minZ) Re-exports [minZ](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minZ.html) ### mix[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mix) Re-exports [mix](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.mix.html) ### Modes[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Modes) Re-exports [Modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.Modes.html) ### mouseDownEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseDownEvent) Re-exports [mouseDownEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseDownEvent.html) ### mouseLeaveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseLeaveEvent) Re-exports [mouseLeaveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseLeaveEvent.html) ### mouseMoveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseMoveEvent) Re-exports [mouseMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseMoveEvent.html) ### mouseOutEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseOutEvent) Re-exports [mouseOutEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseOutEvent.html) ### mouseUpEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseUpEvent) Re-exports [mouseUpEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseUpEvent.html) ### Move[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Move) Re-exports [Move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Move.Move.html) ### MoveAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveAngle) Re-exports [MoveAngle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAngle.MoveAngle.html) ### MoveAttract[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveAttract) Re-exports [MoveAttract](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAttract.MoveAttract.html) ### MoveCenter[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveCenter) Re-exports [MoveCenter](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveCenter.MoveCenter.html) ### MoveDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveDirection) Re-exports [MoveDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html) ### MoveDirectionAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveDirectionAlt) Re-exports [MoveDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirectionAlt.html) ### MoveGravity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveGravity) Re-exports [MoveGravity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveGravity.MoveGravity.html) ### MovePath[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MovePath) Re-exports [MovePath](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Path_MovePath.MovePath.html) ### MoveTrail[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveTrail) Re-exports [MoveTrail](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrail.MoveTrail.html) ### none[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#none) Re-exports [none](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.none.html) ### one[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#one) Re-exports [one](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.one.html) ### Opacity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Opacity) Re-exports [Opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.Opacity.html) ### OpacityAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OpacityAnimation) Re-exports [OpacityAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_OpacityAnimation.OpacityAnimation.html) ### Options[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Options) Re-exports [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) ### OptionsColor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OptionsColor) Re-exports [OptionsColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_OptionsColor.OptionsColor.html) ### originPoint[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#originPoint) Re-exports [originPoint](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.originPoint.html) ### OutMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutMode) Re-exports [OutMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_OutMode.OutMode.html) ### OutModeDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutModeDirection) Re-exports [OutModeDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_OutModeDirection.OutModeDirection.html) ### OutModes[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutModes) Re-exports [OutModes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_OutModes.OutModes.html) ### paintBase[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#paintBase) Re-exports [paintBase](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.paintBase.html) ### paintImage[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#paintImage) Re-exports [paintImage](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.paintImage.html) ### Parallax[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Parallax) Re-exports [Parallax](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Parallax.Parallax.html) ### parseAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#parseAlpha) Re-exports [parseAlpha](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.parseAlpha.html) ### ParticleOutType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticleOutType) Re-exports [ParticleOutType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_ParticleOutType.ParticleOutType.html) ### ParticlesBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesBounce) Re-exports [ParticlesBounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.ParticlesBounce.html) ### ParticlesBounceFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesBounceFactor) Re-exports [ParticlesBounceFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounceFactor.ParticlesBounceFactor.html) ### ParticlesDensity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesDensity) Re-exports [ParticlesDensity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesDensity.ParticlesDensity.html) ### ParticlesInteractorBase[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesInteractorBase) Re-exports [ParticlesInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ParticlesInteractorBase.ParticlesInteractorBase.html) ### ParticlesNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesNumber) Re-exports [ParticlesNumber](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.ParticlesNumber.html) ### ParticlesNumberLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesNumberLimit) Re-exports [ParticlesNumberLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumberLimit.ParticlesNumberLimit.html) ### ParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesOptions) Re-exports [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) ### percentDenominator[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#percentDenominator) Re-exports [percentDenominator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.percentDenominator.html) ### phaseNumerator[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#phaseNumerator) Re-exports [phaseNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.phaseNumerator.html) ### PixelMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#PixelMode) Re-exports [PixelMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_PixelMode.PixelMode.html) ### Point[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Point) Re-exports [Point](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Point.Point.html) ### posOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#posOffset) Re-exports [posOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.posOffset.html) ### qTreeCapacity[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#qTreeCapacity) Re-exports [qTreeCapacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.qTreeCapacity.html) ### quarter[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#quarter) Re-exports [quarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.quarter.html) ### randomColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#randomColorValue) Re-exports [randomColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.randomColorValue.html) ### randomInRange[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#randomInRange) Re-exports [randomInRange](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.randomInRange.html) ### rangeColorToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rangeColorToHsl) Re-exports [rangeColorToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rangeColorToHsl.html) ### rangeColorToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rangeColorToRgb) Re-exports [rangeColorToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rangeColorToRgb.html) ### RangedAnimationOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RangedAnimationOptions) Re-exports [RangedAnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.RangedAnimationOptions.html) ### RangedAnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RangedAnimationValueWithRandom) Re-exports [RangedAnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.RangedAnimationValueWithRandom.html) ### Rectangle[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Rectangle) Re-exports [Rectangle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Rectangle.html) ### rectBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rectBounce) Re-exports [rectBounce](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.rectBounce.html) ### removeDeleteCount[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#removeDeleteCount) Re-exports [removeDeleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeDeleteCount.html) ### removeMinIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#removeMinIndex) Re-exports [removeMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeMinIndex.html) ### resizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#resizeEvent) Re-exports [resizeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.resizeEvent.html) ### ResizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ResizeEvent-1) Re-exports [ResizeEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ResizeEvent.ResizeEvent.html) ### Responsive[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Responsive) Re-exports [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) ### ResponsiveMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ResponsiveMode) Re-exports [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) ### rgbFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbFactor) Re-exports [rgbFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbFactor.html) ### rgbMax[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbMax) Re-exports [rgbMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbMax.html) ### rgbToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbToHsl) Re-exports [rgbToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rgbToHsl.html) ### rollFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rollFactor) Re-exports [rollFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rollFactor.html) ### RotateDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RotateDirection) Re-exports [RotateDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirection.html) ### RotateDirectionAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RotateDirectionAlt) Re-exports [RotateDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirectionAlt.html) ### safeIntersectionObserver[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeIntersectionObserver) Re-exports [safeIntersectionObserver](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeIntersectionObserver.html) ### safeMatchMedia[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeMatchMedia) Re-exports [safeMatchMedia](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeMatchMedia.html) ### safeMutationObserver[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeMutationObserver) Re-exports [safeMutationObserver](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeMutationObserver.html) ### setAnimationFunctions[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setAnimationFunctions) Re-exports [setAnimationFunctions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setAnimationFunctions.html) ### setLogger[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setLogger) Re-exports [setLogger](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.setLogger.html) ### setRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setRandom) Re-exports [setRandom](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setRandom.html) ### setRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setRangeValue) Re-exports [setRangeValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setRangeValue.html) ### sextuple[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sextuple) Re-exports [sextuple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sextuple.html) ### Shadow[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Shadow) Re-exports [Shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shadow.Shadow.html) ### Shape[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Shape) Re-exports [Shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.Shape.html) ### singleDivModeExecute[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#singleDivModeExecute) Re-exports [singleDivModeExecute](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.singleDivModeExecute.html) ### Size[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Size) Re-exports [Size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_Size.Size.html) ### SizeAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#SizeAnimation) Re-exports [SizeAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_SizeAnimation.SizeAnimation.html) ### sizeFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sizeFactor) Re-exports [sizeFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sizeFactor.html) ### sMax[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sMax) Re-exports [sMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMax.html) ### sMin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sMin) Re-exports [sMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMin.html) ### sNormalizedOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sNormalizedOffset) Re-exports [sNormalizedOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sNormalizedOffset.html) ### Spin[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Spin) Re-exports [Spin](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Spin.Spin.html) ### squareExp[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#squareExp) Re-exports [squareExp](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.squareExp.html) ### StartValueType[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#StartValueType) Re-exports [StartValueType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_StartValueType.StartValueType.html) ### stringToAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#stringToAlpha) Re-exports [stringToAlpha](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.stringToAlpha.html) ### stringToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#stringToRgb) Re-exports [stringToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.stringToRgb.html) ### Stroke[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Stroke) Re-exports [Stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Stroke.Stroke.html) ### subdivideCount[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#subdivideCount) Re-exports [subdivideCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.subdivideCount.html) ### Theme[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Theme) Re-exports [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) ### ThemeDefault[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ThemeDefault) Re-exports [ThemeDefault](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.ThemeDefault.html) ### ThemeMode[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ThemeMode) Re-exports [ThemeMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ThemeMode.ThemeMode.html) ### threeQuarter[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#threeQuarter) Re-exports [threeQuarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.threeQuarter.html) ### touchCancelEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchCancelEvent) Re-exports [touchCancelEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchCancelEvent.html) ### touchDelay[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchDelay) Re-exports [touchDelay](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchDelay.html) ### touchEndEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchEndEvent) Re-exports [touchEndEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndEvent.html) ### touchEndLengthOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchEndLengthOffset) Re-exports [touchEndLengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndLengthOffset.html) ### touchMoveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchMoveEvent) Re-exports [touchMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchMoveEvent.html) ### touchStartEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchStartEvent) Re-exports [touchStartEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchStartEvent.html) ### triple[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#triple) Re-exports [triple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.triple.html) ### tryCountIncrement[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#tryCountIncrement) Re-exports [tryCountIncrement](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.tryCountIncrement.html) ### updateAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateAnimation) Re-exports [updateAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.updateAnimation.html) ### updateColor[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateColor) Re-exports [updateColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.updateColor.html) ### updateColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateColorValue) Re-exports [updateColorValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.updateColorValue.html) ### ValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ValueWithRandom) Re-exports [ValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.ValueWithRandom.html) ### Vector[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Vector) Re-exports [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) ### Vector3d[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Vector3d) Re-exports [Vector3d](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector3d.html) ### visibilityChangeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#visibilityChangeEvent) Re-exports [visibilityChangeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.visibilityChangeEvent.html) ### ZIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ZIndex) Re-exports [ZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.ZIndex.html) ### zIndexFactorOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#zIndexFactorOffset) Re-exports [zIndexFactorOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.zIndexFactorOffset.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page References [alterHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#alterHsl) [AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AlterType) [AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimatableColor) [animate](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#animate) [AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationMode) [AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationOptions) [AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationStatus) [AnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#AnimationValueWithRandom) [areBoundsInside](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#areBoundsInside) [arrayRandomIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#arrayRandomIndex) [Background](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Background) [BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BackgroundMask) [BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BackgroundMaskCover) [BaseRange](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#BaseRange) [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcExactPositionOrRandomFromSize) [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcExactPositionOrRandomFromSizeRanged) [calcPositionFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionFromSize) [calcPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionOrRandomFromSize) [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calcPositionOrRandomFromSizeRanged) [calculateBounds](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#calculateBounds) [cancelAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#cancelAnimation) [canvasFirstIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#canvasFirstIndex) [canvasTag](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#canvasTag) [Circle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Circle) [circleBounce](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#circleBounce) [circleBounceDataFromParticle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#circleBounceDataFromParticle) [clamp](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clamp) [clear](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clear) [ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ClickEvent) [clickRadius](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#clickRadius) [cloneStyle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#cloneStyle) [CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionMode) [Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Collisions) [CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionsAbsorb) [CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#CollisionsOverlap) [collisionVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#collisionVelocity) [ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ColorAnimation) [colorMix](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorMix) [colorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorToHsl) [colorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#colorToRgb) [countOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#countOffset) [decayOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#decayOffset) [deepExtend](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#deepExtend) [defaultAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultAlpha) [defaultAngle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultAngle) [defaultDensityFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultDensityFactor) [defaultFps](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultFps) [defaultFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultFpsLimit) [defaultLoops](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultLoops) [defaultOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultOpacity) [defaultRadius](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRadius) [defaultRatio](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRatio) [defaultReduceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultReduceFactor) [defaultRemoveQuantity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRemoveQuantity) [defaultRetryCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRetryCount) [defaultRgbMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultRgbMin) [defaultTime](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTime) [defaultTransform](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTransform) [defaultTransformValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultTransformValue) [defaultVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#defaultVelocity) [degToRad](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#degToRad) [deleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#deleteCount) [DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DestroyType) [DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DivEvent) [divMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#divMode) [divModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#divModeExecute) [DivType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#DivType) [double](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#double) [doublePI](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#doublePI) [drawEffect](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawEffect) [drawLine](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawLine) [drawParticle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawPlugin) [drawShape](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawShape) [drawShapeAfterDraw](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#drawShapeAfterDraw) [EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EasingType) [EasingTypeAlt](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EasingTypeAlt) [empty](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#empty) [errorPrefix](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#errorPrefix) [Events](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Events) [EventType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#EventType) [executeOnSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#executeOnSingleOrMultiple) [ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ExternalInteractorBase) [findItemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#findItemFromSingleOrMultiple) [FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#FullScreen) [generatedAttribute](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedAttribute) [generatedFalse](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedFalse) [generatedTrue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#generatedTrue) [getDistance](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getDistance) [getDistances](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getDistances) [getFullScreenStyle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getFullScreenStyle) [getHslAnimationFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getHslAnimationFromHsl) [getHslFromAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getHslFromAnimation) [getLinkColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLinkColor) [getLinkRandomColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLinkRandomColor) [getLogger](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getLogger) [getParticleBaseVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getParticleBaseVelocity) [getParticleDirectionAngle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getParticleDirectionAngle) [getPosition](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getPosition) [getRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRandom) [getRandomRgbColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRandomRgbColor) [getRangeMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeMax) [getRangeMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeMin) [getRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getRangeValue) [getSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getSize) [getStyleFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getStyleFromHsl) [getStyleFromRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#getStyleFromRgb) [GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#GradientType) [half](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#half) [hasMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hasMatchMedia) [hMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hMax) [hMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hMin) [HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#HoverEvent) [hPhase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hPhase) [HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#HslAnimation) [hslaToRgba](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hslaToRgba) [hslToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#hslToRgb) [identity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#identity) [initParticleNumericAnimationValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#initParticleNumericAnimationValue) [Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Interactivity) [InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#InteractivityDetect) [InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#InteractorType) [inverseFactorNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#inverseFactorNumerator) [isArray](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isArray) [isBoolean](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isBoolean) [isDivModeEnabled](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isDivModeEnabled) [isFunction](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isFunction) [isInArray](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isInArray) [isNull](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isNull) [isNumber](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isNumber) [isObject](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isObject) [isPointInside](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isPointInside) [isSsr](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isSsr) [isString](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#isString) [itemFromArray](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#itemFromArray) [itemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#itemFromSingleOrMultiple) [lengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lengthOffset) [lFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lFactor) [LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#LimitMode) [lMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lMax) [lMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#lMin) [loadFont](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadFont) [loadMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadMinIndex) [loadOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadParticlesOptions) [loadRandomFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#loadRandomFactor) [manualCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#manualCount) [manualDefaultPosition](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#manualDefaultPosition) [ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ManualParticle) [midColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#midColorValue) [millisecondsToSeconds](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#millisecondsToSeconds) [minCoordinate](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minCoordinate) [minCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minCount) [minFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minFpsLimit) [minimumLength](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minimumLength) [minimumSize](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minimumSize) [minIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minIndex) [minLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minLimit) [minRetries](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minRetries) [minStrokeWidth](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minStrokeWidth) [minVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minVelocity) [minZ](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#minZ) [mix](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mix) [Modes](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Modes) [mouseDownEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseDownEvent) [mouseLeaveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseLeaveEvent) [mouseMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseMoveEvent) [mouseOutEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseOutEvent) [mouseUpEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#mouseUpEvent) [Move](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Move) [MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveAngle) [MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveAttract) [MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveCenter) [MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveDirection) [MoveDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveDirectionAlt) [MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveGravity) [MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MovePath) [MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#MoveTrail) [none](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#none) [one](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#one) [Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Opacity) [OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OpacityAnimation) [Options](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Options) [OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OptionsColor) [originPoint](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#originPoint) [OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutMode) [OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutModeDirection) [OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#OutModes) [paintBase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#paintBase) [paintImage](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#paintImage) [Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Parallax) [parseAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#parseAlpha) [ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticleOutType) [ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesBounce) [ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesBounceFactor) [ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesDensity) [ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesInteractorBase) [ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesNumber) [ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesNumberLimit) [ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ParticlesOptions) [percentDenominator](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#percentDenominator) [phaseNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#phaseNumerator) [PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#PixelMode) [Point](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Point) [posOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#posOffset) [qTreeCapacity](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#qTreeCapacity) [quarter](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#quarter) [randomColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#randomColorValue) [randomInRange](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#randomInRange) [rangeColorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rangeColorToHsl) [rangeColorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rangeColorToRgb) [RangedAnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RangedAnimationOptions) [RangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RangedAnimationValueWithRandom) [Rectangle](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Rectangle) [rectBounce](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rectBounce) [removeDeleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#removeDeleteCount) [removeMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#removeMinIndex) [resizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#resizeEvent) [ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ResizeEvent-1) [Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Responsive) [ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ResponsiveMode) [rgbFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbFactor) [rgbMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbMax) [rgbToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rgbToHsl) [rollFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#rollFactor) [RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RotateDirection) [RotateDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#RotateDirectionAlt) [safeIntersectionObserver](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeIntersectionObserver) [safeMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeMatchMedia) [safeMutationObserver](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#safeMutationObserver) [setAnimationFunctions](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setAnimationFunctions) [setLogger](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setLogger) [setRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setRandom) [setRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#setRangeValue) [sextuple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sextuple) [Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Shadow) [Shape](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Shape) [singleDivModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#singleDivModeExecute) [Size](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Size) [SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#SizeAnimation) [sizeFactor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sizeFactor) [sMax](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sMax) [sMin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sMin) [sNormalizedOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#sNormalizedOffset) [Spin](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Spin) [squareExp](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#squareExp) [StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#StartValueType) [stringToAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#stringToAlpha) [stringToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#stringToRgb) [Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Stroke) [subdivideCount](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#subdivideCount) [Theme](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Theme) [ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ThemeDefault) [ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ThemeMode) [threeQuarter](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#threeQuarter) [touchCancelEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchCancelEvent) [touchDelay](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchDelay) [touchEndEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchEndEvent) [touchEndLengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchEndLengthOffset) [touchMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchMoveEvent) [touchStartEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#touchStartEvent) [triple](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#triple) [tryCountIncrement](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#tryCountIncrement) [updateAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateAnimation) [updateColor](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateColor) [updateColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#updateColorValue) [ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ValueWithRandom) [Vector](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Vector) [Vector3d](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#Vector3d) [visibilityChangeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#visibilityChangeEvent) [ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#ZIndex) [zIndexFactorOffset](https://particles.js.org/docs/modules/tsParticles_Engine.bundle.html#zIndexFactorOffset) --- # Core/Utils/Ranges | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/Ranges](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Ranges.html) Module Core/Utils/Ranges ======================== ### Index ### Classes [BaseRange](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.BaseRange.html) [Circle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Circle.html) [Rectangle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Rectangle.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Core/Utils/Vectors | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Core/Utils/Vectors](https://particles.js.org/docs/modules/tsParticles_Engine.Core_Utils_Vectors.html) Module Core/Utils/Vectors ========================= ### Index ### Classes [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) [Vector3d](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector3d.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/AnimationStatus | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_AnimationStatus.html) Module Enums/AnimationStatus ============================ ### Index ### Enumerations [AnimationStatus](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_AnimationStatus.AnimationStatus.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Directions/MoveDirection | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Directions/MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Directions_MoveDirection.html) Module Enums/Directions/MoveDirection ===================================== ### Index ### Enumerations [MoveDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html) ### Type Aliases [MoveDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirectionAlt.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Directions/OutModeDirection | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Directions/OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Directions_OutModeDirection.html) Module Enums/Directions/OutModeDirection ======================================== ### Index ### Enumerations [OutModeDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_OutModeDirection.OutModeDirection.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/InteractivityDetect | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_InteractivityDetect.html) Module Enums/InteractivityDetect ================================ ### Index ### Enumerations [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Directions/RotateDirection | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Directions/RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Directions_RotateDirection.html) Module Enums/Directions/RotateDirection ======================================= ### Index ### Enumerations [RotateDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirection.html) ### Type Aliases [RotateDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirectionAlt.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Modes/AnimationMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_AnimationMode.html) Module Enums/Modes/AnimationMode ================================ ### Index ### Enumerations [AnimationMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_AnimationMode.AnimationMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Modes/CollisionMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_CollisionMode.html) Module Enums/Modes/CollisionMode ================================ ### Index ### Enumerations [CollisionMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_CollisionMode.CollisionMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Modes/LimitMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_LimitMode.html) Module Enums/Modes/LimitMode ============================ ### Index ### Enumerations [LimitMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_LimitMode.LimitMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Modes/OutMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_OutMode.html) Module Enums/Modes/OutMode ========================== ### Index ### Enumerations [OutMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_OutMode.OutMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Modes/PixelMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_PixelMode.html) Module Enums/Modes/PixelMode ============================ ### Index ### Enumerations [PixelMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_PixelMode.PixelMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Modes/ResponsiveMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_ResponsiveMode.html) Module Enums/Modes/ResponsiveMode ================================= ### Index ### Enumerations [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Modes/ThemeMode | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Modes/ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Modes_ThemeMode.html) Module Enums/Modes/ThemeMode ============================ ### Index ### Enumerations [ThemeMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ThemeMode.ThemeMode.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/AlterType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_AlterType.html) Module Enums/Types/AlterType ============================ ### Index ### Enumerations [AlterType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_AlterType.AlterType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/DivType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/DivType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_DivType.html) Module Enums/Types/DivType ========================== ### Index ### Enumerations [DivType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DivType.DivType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/DestroyType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_DestroyType.html) Module Enums/Types/DestroyType ============================== ### Index ### Enumerations [DestroyType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DestroyType.DestroyType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/EasingType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_EasingType.html) Module Enums/Types/EasingType ============================= ### Index ### Enumerations [EasingType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EasingType.EasingType.html) ### Type Aliases [EasingTypeAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Types_EasingType.EasingTypeAlt.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/EventType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/EventType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_EventType.html) Module Enums/Types/EventType ============================ ### Index ### Enumerations [EventType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EventType.EventType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/GradientType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_GradientType.html) Module Enums/Types/GradientType =============================== ### Index ### Enumerations [GradientType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_GradientType.GradientType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/InteractorType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_InteractorType.html) Module Enums/Types/InteractorType ================================= ### Index ### Enumerations [InteractorType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_InteractorType.InteractorType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/ParticleOutType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_ParticleOutType.html) Module Enums/Types/ParticleOutType ================================== ### Index ### Enumerations [ParticleOutType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_ParticleOutType.ParticleOutType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Enums/Types/StartValueType | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Enums/Types/StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.Enums_Types_StartValueType.html) Module Enums/Types/StartValueType ================================= ### Index ### Enumerations [StartValueType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_StartValueType.StartValueType.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # init | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [init](https://particles.js.org/docs/modules/tsParticles_Engine.init.html) Module init =========== ### Index ### Functions [init](https://particles.js.org/docs/functions/tsParticles_Engine.init.init.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/AnimationOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_AnimationOptions.html) Module Options/Classes/AnimationOptions ======================================= ### Index ### Classes [AnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.AnimationOptions.html) [RangedAnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.RangedAnimationOptions.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/AnimatableColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_AnimatableColor.html) Module Options/Classes/AnimatableColor ====================================== ### Index ### Classes [AnimatableColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimatableColor.AnimatableColor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Background/Background | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Background/Background](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Background_Background.html) Module Options/Classes/Background/Background ============================================ ### Index ### Classes [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/BackgroundMask/BackgroundMask | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/BackgroundMask/BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.html) Module Options/Classes/BackgroundMask/BackgroundMask ==================================================== ### Index ### Classes [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/ColorAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_ColorAnimation.html) Module Options/Classes/ColorAnimation ===================================== ### Index ### Classes [ColorAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ColorAnimation.ColorAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/FullScreen/FullScreen | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/FullScreen/FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.html) Module Options/Classes/FullScreen/FullScreen ============================================ ### Index ### Classes [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/BackgroundMask/BackgroundMaskCover | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/BackgroundMask/BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.html) Module Options/Classes/BackgroundMask/BackgroundMaskCover ========================================================= ### Index ### Classes [BackgroundMaskCover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.BackgroundMaskCover.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/HslAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_HslAnimation.html) Module Options/Classes/HslAnimation =================================== ### Index ### Classes [HslAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_HslAnimation.HslAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Events/DivEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Events/DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_DivEvent.html) Module Options/Classes/Interactivity/Events/DivEvent ==================================================== ### Index ### Classes [DivEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_DivEvent.DivEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Events/Parallax | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Events/Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_Parallax.html) Module Options/Classes/Interactivity/Events/Parallax ==================================================== ### Index ### Classes [Parallax](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Parallax.Parallax.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Events/ClickEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Events/ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_ClickEvent.html) Module Options/Classes/Interactivity/Events/ClickEvent ====================================================== ### Index ### Classes [ClickEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ClickEvent.ClickEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Events/Events | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Events/Events](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.html) Module Options/Classes/Interactivity/Events/Events ================================================== ### Index ### Classes [Events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.Events.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Interactivity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.html) Module Options/Classes/Interactivity/Interactivity ================================================== ### Index ### Classes [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Events/HoverEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Events/HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_HoverEvent.html) Module Options/Classes/Interactivity/Events/HoverEvent ====================================================== ### Index ### Classes [HoverEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_HoverEvent.HoverEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Modes/Modes | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Modes/Modes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.html) Module Options/Classes/Interactivity/Modes/Modes ================================================ ### Index ### Classes [Modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.Modes.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Interactivity/Events/ResizeEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Interactivity/Events/ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Interactivity_Events_ResizeEvent.html) Module Options/Classes/Interactivity/Events/ResizeEvent ======================================================= ### Index ### Classes [ResizeEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ResizeEvent.ResizeEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/ManualParticle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_ManualParticle.html) Module Options/Classes/ManualParticle ===================================== ### Index ### Classes [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/OptionsColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_OptionsColor.html) Module Options/Classes/OptionsColor =================================== ### Index ### Classes [OptionsColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_OptionsColor.OptionsColor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Bounce/ParticlesBounce | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Bounce/ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.html) Module Options/Classes/Particles/Bounce/ParticlesBounce ======================================================= ### Index ### Classes [ParticlesBounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.ParticlesBounce.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Bounce/ParticlesBounceFactor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Bounce/ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounceFactor.html) Module Options/Classes/Particles/Bounce/ParticlesBounceFactor ============================================================= ### Index ### Classes [ParticlesBounceFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounceFactor.ParticlesBounceFactor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Collisions/CollisionsOverlap | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Collisions/CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsOverlap.html) Module Options/Classes/Particles/Collisions/CollisionsOverlap ============================================================= ### Index ### Classes [CollisionsOverlap](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsOverlap.CollisionsOverlap.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Effect/Effect | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Effect/Effect](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Effect_Effect.html) Module Options/Classes/Particles/Effect/Effect ============================================== ### Index ### Classes [Effect](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Effect_Effect.Effect.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Collisions/CollisionsAbsorb | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Collisions/CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsAbsorb.html) Module Options/Classes/Particles/Collisions/CollisionsAbsorb ============================================================ ### Index ### Classes [CollisionsAbsorb](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsAbsorb.CollisionsAbsorb.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Collisions/Collisions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Collisions/Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.html) Module Options/Classes/Particles/Collisions/Collisions ====================================================== ### Index ### Classes [Collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.Collisions.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/MoveAngle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveAngle.html) Module Options/Classes/Particles/Move/MoveAngle =============================================== ### Index ### Classes [MoveAngle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAngle.MoveAngle.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/Move | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/Move](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_Move.html) Module Options/Classes/Particles/Move/Move ========================================== ### Index ### Classes [Move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Move.Move.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/MoveAttract | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveAttract.html) Module Options/Classes/Particles/Move/MoveAttract ================================================= ### Index ### Classes [MoveAttract](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAttract.MoveAttract.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/MoveTrail | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrail.html) Module Options/Classes/Particles/Move/MoveTrail =============================================== ### Index ### Classes [MoveTrail](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrail.MoveTrail.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/MoveGravity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveGravity.html) Module Options/Classes/Particles/Move/MoveGravity ================================================= ### Index ### Classes [MoveGravity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveGravity.MoveGravity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/MoveCenter | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveCenter.html) Module Options/Classes/Particles/Move/MoveCenter ================================================ ### Index ### Classes [MoveCenter](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveCenter.MoveCenter.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Number/ParticlesNumber | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Number/ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.html) Module Options/Classes/Particles/Number/ParticlesNumber ======================================================= ### Index ### Classes [ParticlesNumber](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.ParticlesNumber.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/Path/MovePath | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/Path/MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_Path_MovePath.html) Module Options/Classes/Particles/Move/Path/MovePath =================================================== ### Index ### Classes [MovePath](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Path_MovePath.MovePath.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/OutModes | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_OutModes.html) Module Options/Classes/Particles/Move/OutModes ============================================== ### Index ### Classes [OutModes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_OutModes.OutModes.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Number/ParticlesNumberLimit | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Number/ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumberLimit.html) Module Options/Classes/Particles/Number/ParticlesNumberLimit ============================================================ ### Index ### Classes [ParticlesNumberLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumberLimit.ParticlesNumberLimit.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/MoveTrailFill | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/MoveTrailFill](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrailFill.html) Module Options/Classes/Particles/Move/MoveTrailFill =================================================== ### Index ### Classes [MoveTrailFill](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrailFill.MoveTrailFill.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Opacity/Opacity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Opacity/Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.html) Module Options/Classes/Particles/Opacity/Opacity ================================================ ### Index ### Classes [Opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.Opacity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/ParticlesOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.html) Module Options/Classes/Particles/ParticlesOptions ================================================= ### Index ### Classes [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Move/Spin | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Move/Spin](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Move_Spin.html) Module Options/Classes/Particles/Move/Spin ========================================== ### Index ### Classes [Spin](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Spin.Spin.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Number/ParticlesDensity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Number/ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesDensity.html) Module Options/Classes/Particles/Number/ParticlesDensity ======================================================== ### Index ### Classes [ParticlesDensity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesDensity.ParticlesDensity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Shadow | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Shadow.html) Module Options/Classes/Particles/Shadow ======================================= ### Index ### Classes [Shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shadow.Shadow.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Opacity/OpacityAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Opacity/OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Opacity_OpacityAnimation.html) Module Options/Classes/Particles/Opacity/OpacityAnimation ========================================================= ### Index ### Classes [OpacityAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_OpacityAnimation.OpacityAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Size/Size | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Size/Size](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Size_Size.html) Module Options/Classes/Particles/Size/Size ========================================== ### Index ### Classes [Size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_Size.Size.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Shape/Shape | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Shape/Shape](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.html) Module Options/Classes/Particles/Shape/Shape ============================================ ### Index ### Classes [Shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.Shape.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Stroke | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Stroke.html) Module Options/Classes/Particles/Stroke ======================================= ### Index ### Classes [Stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Stroke.Stroke.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/Size/SizeAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/Size/SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_Size_SizeAnimation.html) Module Options/Classes/Particles/Size/SizeAnimation =================================================== ### Index ### Classes [SizeAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_SizeAnimation.SizeAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Responsive | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Responsive.html) Module Options/Classes/Responsive ================================= ### Index ### Classes [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Particles/ZIndex/ZIndex | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Particles/ZIndex/ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.html) Module Options/Classes/Particles/ZIndex/ZIndex ============================================== ### Index ### Classes [ZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.ZIndex.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Theme/ThemeDefault | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Theme/ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.html) Module Options/Classes/Theme/ThemeDefault ========================================= ### Index ### Classes [ThemeDefault](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.ThemeDefault.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/Theme/Theme | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/Theme/Theme](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_Theme_Theme.html) Module Options/Classes/Theme/Theme ================================== ### Index ### Classes [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/BackgroundMask/IBackgroundMaskCover | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/BackgroundMask/IBackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.html) Module Options/Interfaces/BackgroundMask/IBackgroundMaskCover ============================================================= ### Index ### Interfaces [IBackgroundMaskCover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Classes/ValueWithRandom | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Classes/ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Classes_ValueWithRandom.html) Module Options/Classes/ValueWithRandom ====================================== ### Index ### Classes [AnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.AnimationValueWithRandom.html) [RangedAnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.RangedAnimationValueWithRandom.html) [ValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.ValueWithRandom.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IAnimatable | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IAnimatable](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IAnimatable.html) Module Options/Interfaces/IAnimatable ===================================== ### Index ### Interfaces [IAnimatable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatable.IAnimatable.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IAnimation.html) Module Options/Interfaces/IAnimation ==================================== ### Index ### Interfaces [IAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimation.IAnimation.html) [IRangedAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimation.IRangedAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IAnimatableColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IAnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IAnimatableColor.html) Module Options/Interfaces/IAnimatableColor ========================================== ### Index ### Interfaces [IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IHslAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IHslAnimation.html) Module Options/Interfaces/IHslAnimation ======================================= ### Index ### Interfaces [IHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IHslAnimation.IHslAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IColorAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IColorAnimation.html) Module Options/Interfaces/IColorAnimation ========================================= ### Index ### Interfaces [IColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IColorAnimation.IColorAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/Events/IClickEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Events/IClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IClickEvent.html) Module Options/Interfaces/Interactivity/Events/IClickEvent ========================================================== ### Index ### Interfaces [IClickEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IClickEvent.IClickEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/Events/IDivEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Events/IDivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IDivEvent.html) Module Options/Interfaces/Interactivity/Events/IDivEvent ======================================================== ### Index ### Interfaces [IDivEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IDivEvent.IDivEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/Events/IEvents | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Events/IEvents](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.html) Module Options/Interfaces/Interactivity/Events/IEvents ====================================================== ### Index ### Interfaces [IEvents](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/Events/IHoverEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Events/IHoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IHoverEvent.html) Module Options/Interfaces/Interactivity/Events/IHoverEvent ========================================================== ### Index ### Interfaces [IHoverEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IHoverEvent.IHoverEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/Events/IParallax | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Events/IParallax](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IParallax.html) Module Options/Interfaces/Interactivity/Events/IParallax ======================================================== ### Index ### Interfaces [IParallax](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IParallax.IParallax.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/Events/IResizeEvent | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Events/IResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IResizeEvent.html) Module Options/Interfaces/Interactivity/Events/IResizeEvent =========================================================== ### Index ### Interfaces [IResizeEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IResizeEvent.IResizeEvent.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Interactivity/Modes/IModeDiv | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Modes/IModeDiv](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModeDiv.html) Module Options/Interfaces/Interactivity/Modes/IModeDiv ====================================================== ### Index ### Interfaces [IModeDiv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModeDiv.IModeDiv.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # export-types | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [export-types](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html) Module export-types =================== ##### Index ### References [Canvas](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Canvas) [Container](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Container) [CustomEventArgs](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#CustomEventArgs) [CustomEventListener](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#CustomEventListener) [Engine](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Engine) [EventListeners](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#EventListeners) [ExportResult](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ExportResult) [IAlphaColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAlphaColor) [IAnimatable](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimatable) [IAnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimatableColor) [IAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimation) [IAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimationValueWithRandom) [IBackground](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackground) [IBackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackgroundMask) [IBackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackgroundMaskCover) [IBounds](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBounds) [IBubbleParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBubbleParticleData) [ICenterCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICenterCoordinates) [ICircleBouncer](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICircleBouncer) [IClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IClickEvent) [ICollisions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisions) [ICollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisionsAbsorb) [ICollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisionsOverlap) [IColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColor) [IColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColorAnimation) [IColorManager](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColorManager) [IContainerInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IContainerInteractivity) [IContainerPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IContainerPlugin) [ICoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinates) [ICoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinates3d) [ICoordinatesWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinatesWithMode) [IDelta](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDelta) [IDimension](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDimension) [IDimensionWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDimensionWithMode) [IDistance](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDistance) [IDivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDivEvent) [IDrawParticleParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDrawParticleParams) [IEffect](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEffect) [IEffectDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEffectDrawer) [IEvents](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEvents) [IExternalInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IExternalInteractor) [IFullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IFullScreen) [IHoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHoverEvent) [IHsl](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsl) [IHsla](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsla) [IHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHslAnimation) [IHsv](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsv) [IHsva](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsva) [IInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IInteractivity) [IInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IInteractor) [ILch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILch) [ILcha](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILcha) [ILoadParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILoadParams) [IManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IManualParticle) [IModeDiv](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IModeDiv) [IModes](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IModes) [IMouseData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMouseData) [IMove](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMove) [IMoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveAngle) [IMoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveAttract) [IMoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveCenter) [IMoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveGravity) [IMovePath](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMovePath) [IMovePathGenerator](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMovePathGenerator) [IMoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveTrail) [InteractionManager](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#InteractionManager) [IOklch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOklch) [IOklcha](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOklcha) [IOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOpacity) [IOpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOpacityAnimation) [IOptionLoader](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptionLoader) [IOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptions) [IOptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptionsColor) [IOutModes](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOutModes) [IParallax](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParallax) [IParticleColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleColorAnimation) [IParticleColorStyle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleColorStyle) [IParticleHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleHslAnimation) [IParticleLife](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleLife) [IParticleMover](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleMover) [IParticleNumericValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleNumericValueAnimation) [IParticleRetinaProps](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleRetinaProps) [IParticleRoll](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleRoll) [IParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesBounce) [IParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesDensity) [IParticlesInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesInteractor) [IParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesNumber) [IParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesNumberLimit) [IParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesOptions) [IParticleTransformValues](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleTransformValues) [IParticleUpdater](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleUpdater) [IParticleValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleValueAnimation) [IPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IPlugin) [IPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IPositionFromSizeParams) [IRangeColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeColor) [IRangedAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedAnimation) [IRangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedAnimationValueWithRandom) [IRangedCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedCoordinates) [IRangedCoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedCoordinates3d) [IRangedPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedPositionFromSizeParams) [IRangeHsl](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeHsl) [IRangeHsv](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeHsv) [IRangeLch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeLch) [IRangeOklch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeOklch) [IRangeRgb](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeRgb) [IRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeValue) [IRangeValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeValueColor) [IRectSideResult](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRectSideResult) [IResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IResizeEvent) [IResponsive](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IResponsive) [IRgb](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRgb) [IRgba](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRgba) [IShadow](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShadow) [IShape](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShape) [IShapeDrawData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeDrawData) [IShapeDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeDrawer) [IShapeValues](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeValues) [ISize](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISize) [ISizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISizeAnimation) [ISlowParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISlowParticleData) [ISourceOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISourceOptions) [ISpin](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISpin) [IStroke](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IStroke) [ITheme](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ITheme) [IThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IThemeDefault) [ITrailFillData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ITrailFillData) [IValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IValueColor) [IValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IValueWithRandom) [IZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IZIndex) [Main](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Main) [Particle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Particle) [Particles](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Particles) [ParticlesGroups](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ParticlesGroups) [PathOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#PathOptions) [QuadTree](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#QuadTree) [RangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#RangeValue) [RecursivePartial](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#RecursivePartial) [Retina](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Retina) [ShapeData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ShapeData) [SingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#SingleOrMultiple) References ---------- ### Canvas[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Canvas) Re-exports [Canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html) ### Container[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Container) Re-exports [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ### CustomEventArgs[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#CustomEventArgs) Re-exports [CustomEventArgs](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_CustomEventArgs.CustomEventArgs.html) ### CustomEventListener[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#CustomEventListener) Re-exports [CustomEventListener](https://particles.js.org/docs/types/tsParticles_Engine.Types_CustomEventListener.CustomEventListener.html) ### Engine[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Engine) Re-exports [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) ### EventListeners[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#EventListeners) Re-exports [EventListeners](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_EventListeners.EventListeners.html) ### ExportResult[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ExportResult) Re-exports [ExportResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_ExportResult.ExportResult.html) ### IAlphaColor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAlphaColor) Re-exports [IAlphaColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IAlphaColor.html) ### IAnimatable[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimatable) Re-exports [IAnimatable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatable.IAnimatable.html) ### IAnimatableColor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimatableColor) Re-exports [IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) ### IAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimation) Re-exports [IAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimation.IAnimation.html) ### IAnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimationValueWithRandom) Re-exports [IAnimationValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IAnimationValueWithRandom.html) ### IBackground[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackground) Re-exports [IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) ### IBackgroundMask[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackgroundMask) Re-exports [IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) ### IBackgroundMaskCover[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackgroundMaskCover) Re-exports [IBackgroundMaskCover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html) ### IBounds[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBounds) Re-exports [IBounds](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IBounds.IBounds.html) ### IBubbleParticleData[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBubbleParticleData) Re-exports [IBubbleParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IBubbleParticleData.IBubbleParticleData.html) ### ICenterCoordinates[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICenterCoordinates) Re-exports [ICenterCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICenterCoordinates.html) ### ICircleBouncer[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICircleBouncer) Re-exports [ICircleBouncer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICircleBouncer.ICircleBouncer.html) ### IClickEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IClickEvent) Re-exports [IClickEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IClickEvent.IClickEvent.html) ### ICollisions[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisions) Re-exports [ICollisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html) ### ICollisionsAbsorb[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisionsAbsorb) Re-exports [ICollisionsAbsorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsAbsorb.ICollisionsAbsorb.html) ### ICollisionsOverlap[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisionsOverlap) Re-exports [ICollisionsOverlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsOverlap.ICollisionsOverlap.html) ### IColor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColor) Re-exports [IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) ### IColorAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColorAnimation) Re-exports [IColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IColorAnimation.IColorAnimation.html) ### IColorManager[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColorManager) Re-exports [IColorManager](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IColorManager.IColorManager.html) ### IContainerInteractivity[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IContainerInteractivity) Re-exports [IContainerInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html) ### IContainerPlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IContainerPlugin) Re-exports [IContainerPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html) ### ICoordinates[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinates) Re-exports [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) ### ICoordinates3d[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinates3d) Re-exports [ICoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates3d.html) ### ICoordinatesWithMode[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinatesWithMode) Re-exports [ICoordinatesWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html) ### IDelta[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDelta) Re-exports [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ### IDimension[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDimension) Re-exports [IDimension](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimension.html) ### IDimensionWithMode[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDimensionWithMode) Re-exports [IDimensionWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimensionWithMode.html) ### IDistance[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDistance) Re-exports [IDistance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDistance.IDistance.html) ### IDivEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDivEvent) Re-exports [IDivEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IDivEvent.IDivEvent.html) ### IDrawParticleParams[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDrawParticleParams) Re-exports [IDrawParticleParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDrawParticleParams.IDrawParticleParams.html) ### IEffect[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEffect) Re-exports [IEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html) ### IEffectDrawer[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEffectDrawer) Re-exports [IEffectDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html) ### IEvents[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEvents) Re-exports [IEvents](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html) ### IExternalInteractor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IExternalInteractor) Re-exports [IExternalInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IExternalInteractor.IExternalInteractor.html) ### IFullScreen[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IFullScreen) Re-exports [IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) ### IHoverEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHoverEvent) Re-exports [IHoverEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IHoverEvent.IHoverEvent.html) ### IHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsl) Re-exports [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) ### IHsla[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsla) Re-exports [IHsla](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsla.html) ### IHslAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHslAnimation) Re-exports [IHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IHslAnimation.IHslAnimation.html) ### IHsv[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsv) Re-exports [IHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsv.html) ### IHsva[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsva) Re-exports [IHsva](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsva.html) ### IInteractivity[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IInteractivity) Re-exports [IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) ### IInteractor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IInteractor) Re-exports [IInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IInteractor.IInteractor.html) ### ILch[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILch) Re-exports [ILch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.ILch.html) ### ILcha[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILcha) Re-exports [ILcha](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.ILcha.html) ### ILoadParams[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILoadParams) Re-exports [ILoadParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ILoadParams.ILoadParams.html) ### IManualParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IManualParticle) Re-exports [IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) ### IModeDiv[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IModeDiv) Re-exports [IModeDiv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModeDiv.IModeDiv.html) ### IModes[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IModes) Re-exports [IModes](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.IModes.html) ### IMouseData[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMouseData) Re-exports [IMouseData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMouseData.IMouseData.html) ### IMove[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMove) Re-exports [IMove](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html) ### IMoveAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveAngle) Re-exports [IMoveAngle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAngle.IMoveAngle.html) ### IMoveAttract[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveAttract) Re-exports [IMoveAttract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAttract.IMoveAttract.html) ### IMoveCenter[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveCenter) Re-exports [IMoveCenter](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveCenter.IMoveCenter.html) ### IMoveGravity[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveGravity) Re-exports [IMoveGravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveGravity.IMoveGravity.html) ### IMovePath[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMovePath) Re-exports [IMovePath](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_Path_IMovePath.IMovePath.html) ### IMovePathGenerator[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMovePathGenerator) Re-exports [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) ### IMoveTrail[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveTrail) Re-exports [IMoveTrail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrail.IMoveTrail.html) ### InteractionManager[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#InteractionManager) Re-exports [InteractionManager](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_InteractionManager.InteractionManager.html) ### IOklch[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOklch) Re-exports [IOklch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IOklch.html) ### IOklcha[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOklcha) Re-exports [IOklcha](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IOklcha.html) ### IOpacity[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOpacity) Re-exports [IOpacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html) ### IOpacityAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOpacityAnimation) Re-exports [IOpacityAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacityAnimation.IOpacityAnimation.html) ### IOptionLoader[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptionLoader) Re-exports [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) ### IOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptions) Re-exports [IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) ### IOptionsColor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptionsColor) Re-exports [IOptionsColor](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) ### IOutModes[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOutModes) Re-exports [IOutModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IOutModes.IOutModes.html) ### IParallax[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParallax) Re-exports [IParallax](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IParallax.IParallax.html) ### IParticleColorAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleColorAnimation) Re-exports [IParticleColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleColorAnimation.html) ### IParticleColorStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleColorStyle) Re-exports [IParticleColorStyle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleColorStyle.IParticleColorStyle.html) ### IParticleHslAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleHslAnimation) Re-exports [IParticleHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleHslAnimation.IParticleHslAnimation.html) ### IParticleLife[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleLife) Re-exports [IParticleLife](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleLife.IParticleLife.html) ### IParticleMover[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleMover) Re-exports [IParticleMover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleMover.IParticleMover.html) ### IParticleNumericValueAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleNumericValueAnimation) Re-exports [IParticleNumericValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleNumericValueAnimation.html) ### IParticleRetinaProps[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleRetinaProps) Re-exports [IParticleRetinaProps](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRetinaProps.IParticleRetinaProps.html) ### IParticleRoll[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleRoll) Re-exports [IParticleRoll](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRoll.IParticleRoll.html) ### IParticlesBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesBounce) Re-exports [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) ### IParticlesDensity[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesDensity) Re-exports [IParticlesDensity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesDensity.IParticlesDensity.html) ### IParticlesInteractor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesInteractor) Re-exports [IParticlesInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticlesInteractor.IParticlesInteractor.html) ### IParticlesNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesNumber) Re-exports [IParticlesNumber](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html) ### IParticlesNumberLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesNumberLimit) Re-exports [IParticlesNumberLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumberLimit.IParticlesNumberLimit.html) ### IParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesOptions) Re-exports [IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) ### IParticleTransformValues[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleTransformValues) Re-exports [IParticleTransformValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleTransformValues.IParticleTransformValues.html) ### IParticleUpdater[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleUpdater) Re-exports [IParticleUpdater](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleUpdater.IParticleUpdater.html) ### IParticleValueAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleValueAnimation) Re-exports [IParticleValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleValueAnimation.html) ### IPlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IPlugin) Re-exports [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) ### IPositionFromSizeParams[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IPositionFromSizeParams) Re-exports [IPositionFromSizeParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.IPositionFromSizeParams.html) ### IRangeColor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeColor) Re-exports [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) ### IRangedAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedAnimation) Re-exports [IRangedAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimation.IRangedAnimation.html) ### IRangedAnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedAnimationValueWithRandom) Re-exports [IRangedAnimationValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IRangedAnimationValueWithRandom.html) ### IRangedCoordinates[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedCoordinates) Re-exports [IRangedCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.IRangedCoordinates.html) ### IRangedCoordinates3d[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedCoordinates3d) Re-exports [IRangedCoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.IRangedCoordinates3d.html) ### IRangedPositionFromSizeParams[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedPositionFromSizeParams) Re-exports [IRangedPositionFromSizeParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.IRangedPositionFromSizeParams.html) ### IRangeHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeHsl) Re-exports [IRangeHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsl.html) ### IRangeHsv[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeHsv) Re-exports [IRangeHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsv.html) ### IRangeLch[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeLch) Re-exports [IRangeLch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeLch.html) ### IRangeOklch[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeOklch) Re-exports [IRangeOklch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeOklch.html) ### IRangeRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeRgb) Re-exports [IRangeRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeRgb.html) ### IRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeValue) Re-exports [IRangeValue](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html) ### IRangeValueColor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeValueColor) Re-exports [IRangeValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeValueColor.html) ### IRectSideResult[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRectSideResult) Re-exports [IRectSideResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRectSideResult.IRectSideResult.html) ### IResizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IResizeEvent) Re-exports [IResizeEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IResizeEvent.IResizeEvent.html) ### IResponsive[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IResponsive) Re-exports [IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) ### IRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRgb) Re-exports [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html) ### IRgba[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRgba) Re-exports [IRgba](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgba.html) ### IShadow[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShadow) Re-exports [IShadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html) ### IShape[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShape) Re-exports [IShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html) ### IShapeDrawData[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeDrawData) Re-exports [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) ### IShapeDrawer[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeDrawer) Re-exports [IShapeDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html) ### IShapeValues[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeValues) Re-exports [IShapeValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeValues.IShapeValues.html) ### ISize[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISize) Re-exports [ISize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html) ### ISizeAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISizeAnimation) Re-exports [ISizeAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISizeAnimation.ISizeAnimation.html) ### ISlowParticleData[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISlowParticleData) Re-exports [ISlowParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ISlowParticleData.ISlowParticleData.html) ### ISourceOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISourceOptions) Re-exports [ISourceOptions](https://particles.js.org/docs/types/tsParticles_Engine.Types_ISourceOptions.ISourceOptions.html) ### ISpin[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISpin) Re-exports [ISpin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_ISpin.ISpin.html) ### IStroke[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IStroke) Re-exports [IStroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html) ### ITheme[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ITheme) Re-exports [ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) ### IThemeDefault[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IThemeDefault) Re-exports [IThemeDefault](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html) ### ITrailFillData[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ITrailFillData) Re-exports [ITrailFillData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ITrailFillData.ITrailFillData.html) ### IValueColor[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IValueColor) Re-exports [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html) ### IValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IValueWithRandom) Re-exports [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) ### IZIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IZIndex) Re-exports [IZIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html) ### Main[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Main) Renames and re-exports [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) ### Particle[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Particle) Re-exports [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ### Particles[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Particles) Re-exports [Particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html) ### ParticlesGroups[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ParticlesGroups) Re-exports [ParticlesGroups](https://particles.js.org/docs/types/tsParticles_Engine.Types_ParticlesGroups.ParticlesGroups.html) ### PathOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#PathOptions) Re-exports [PathOptions](https://particles.js.org/docs/types/tsParticles_Engine.Types_PathOptions.PathOptions.html) ### QuadTree[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#QuadTree) Re-exports [QuadTree](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_QuadTree.QuadTree.html) ### RangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#RangeValue) Re-exports [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ### RecursivePartial[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#RecursivePartial) Re-exports [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) ### Retina[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Retina) Re-exports [Retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html) ### ShapeData[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ShapeData) Re-exports [ShapeData](https://particles.js.org/docs/types/tsParticles_Engine.Types_ShapeData.ShapeData.html) ### SingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#SingleOrMultiple) Re-exports [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page References [Canvas](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Canvas) [Container](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Container) [CustomEventArgs](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#CustomEventArgs) [CustomEventListener](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#CustomEventListener) [Engine](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Engine) [EventListeners](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#EventListeners) [ExportResult](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ExportResult) [IAlphaColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAlphaColor) [IAnimatable](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimatable) [IAnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimatableColor) [IAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimation) [IAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IAnimationValueWithRandom) [IBackground](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackground) [IBackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackgroundMask) [IBackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBackgroundMaskCover) [IBounds](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBounds) [IBubbleParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IBubbleParticleData) [ICenterCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICenterCoordinates) [ICircleBouncer](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICircleBouncer) [IClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IClickEvent) [ICollisions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisions) [ICollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisionsAbsorb) [ICollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICollisionsOverlap) [IColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColor) [IColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColorAnimation) [IColorManager](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IColorManager) [IContainerInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IContainerInteractivity) [IContainerPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IContainerPlugin) [ICoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinates) [ICoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinates3d) [ICoordinatesWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ICoordinatesWithMode) [IDelta](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDelta) [IDimension](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDimension) [IDimensionWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDimensionWithMode) [IDistance](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDistance) [IDivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDivEvent) [IDrawParticleParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IDrawParticleParams) [IEffect](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEffect) [IEffectDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEffectDrawer) [IEvents](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IEvents) [IExternalInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IExternalInteractor) [IFullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IFullScreen) [IHoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHoverEvent) [IHsl](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsl) [IHsla](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsla) [IHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHslAnimation) [IHsv](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsv) [IHsva](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IHsva) [IInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IInteractivity) [IInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IInteractor) [ILch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILch) [ILcha](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILcha) [ILoadParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ILoadParams) [IManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IManualParticle) [IModeDiv](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IModeDiv) [IModes](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IModes) [IMouseData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMouseData) [IMove](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMove) [IMoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveAngle) [IMoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveAttract) [IMoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveCenter) [IMoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveGravity) [IMovePath](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMovePath) [IMovePathGenerator](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMovePathGenerator) [IMoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IMoveTrail) [InteractionManager](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#InteractionManager) [IOklch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOklch) [IOklcha](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOklcha) [IOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOpacity) [IOpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOpacityAnimation) [IOptionLoader](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptionLoader) [IOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptions) [IOptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOptionsColor) [IOutModes](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IOutModes) [IParallax](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParallax) [IParticleColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleColorAnimation) [IParticleColorStyle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleColorStyle) [IParticleHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleHslAnimation) [IParticleLife](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleLife) [IParticleMover](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleMover) [IParticleNumericValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleNumericValueAnimation) [IParticleRetinaProps](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleRetinaProps) [IParticleRoll](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleRoll) [IParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesBounce) [IParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesDensity) [IParticlesInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesInteractor) [IParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesNumber) [IParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesNumberLimit) [IParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticlesOptions) [IParticleTransformValues](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleTransformValues) [IParticleUpdater](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleUpdater) [IParticleValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IParticleValueAnimation) [IPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IPlugin) [IPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IPositionFromSizeParams) [IRangeColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeColor) [IRangedAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedAnimation) [IRangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedAnimationValueWithRandom) [IRangedCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedCoordinates) [IRangedCoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedCoordinates3d) [IRangedPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangedPositionFromSizeParams) [IRangeHsl](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeHsl) [IRangeHsv](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeHsv) [IRangeLch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeLch) [IRangeOklch](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeOklch) [IRangeRgb](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeRgb) [IRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeValue) [IRangeValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRangeValueColor) [IRectSideResult](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRectSideResult) [IResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IResizeEvent) [IResponsive](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IResponsive) [IRgb](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRgb) [IRgba](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IRgba) [IShadow](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShadow) [IShape](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShape) [IShapeDrawData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeDrawData) [IShapeDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeDrawer) [IShapeValues](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IShapeValues) [ISize](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISize) [ISizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISizeAnimation) [ISlowParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISlowParticleData) [ISourceOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISourceOptions) [ISpin](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ISpin) [IStroke](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IStroke) [ITheme](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ITheme) [IThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IThemeDefault) [ITrailFillData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ITrailFillData) [IValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IValueColor) [IValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IValueWithRandom) [IZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#IZIndex) [Main](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Main) [Particle](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Particle) [Particles](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Particles) [ParticlesGroups](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ParticlesGroups) [PathOptions](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#PathOptions) [QuadTree](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#QuadTree) [RangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#RangeValue) [RecursivePartial](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#RecursivePartial) [Retina](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#Retina) [ShapeData](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#ShapeData) [SingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.export_types.html#SingleOrMultiple) --- # Options/Interfaces/Interactivity/Modes/IModes | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Interactivity/Modes/IModes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.html) Module Options/Interfaces/Interactivity/Modes/IModes ==================================================== ### Index ### Type Aliases [IModes](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.IModes.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IOptionLoader | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IOptionLoader](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptionLoader.html) Module Options/Interfaces/IOptionLoader ======================================= ### Index ### Interfaces [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # exports | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [exports](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html) Module exports ============== ##### Index ### References [alterHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#alterHsl) [AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AlterType) [AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimatableColor) [animate](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#animate) [AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationMode) [AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationOptions) [AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationStatus) [AnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationValueWithRandom) [areBoundsInside](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#areBoundsInside) [arrayRandomIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#arrayRandomIndex) [Background](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Background) [BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BackgroundMask) [BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BackgroundMaskCover) [BaseRange](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BaseRange) [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcExactPositionOrRandomFromSize) [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcExactPositionOrRandomFromSizeRanged) [calcPositionFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionFromSize) [calcPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionOrRandomFromSize) [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionOrRandomFromSizeRanged) [calculateBounds](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calculateBounds) [cancelAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#cancelAnimation) [canvasFirstIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#canvasFirstIndex) [canvasTag](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#canvasTag) [Circle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Circle) [circleBounce](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#circleBounce) [circleBounceDataFromParticle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#circleBounceDataFromParticle) [clamp](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clamp) [clear](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clear) [ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ClickEvent) [clickRadius](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clickRadius) [cloneStyle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#cloneStyle) [CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionMode) [Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Collisions) [CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionsAbsorb) [CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionsOverlap) [collisionVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#collisionVelocity) [ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ColorAnimation) [colorMix](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorMix) [colorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorToHsl) [colorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorToRgb) [countOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#countOffset) [decayOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#decayOffset) [deepExtend](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#deepExtend) [defaultAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultAlpha) [defaultAngle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultAngle) [defaultDensityFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultDensityFactor) [defaultFps](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultFps) [defaultFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultFpsLimit) [defaultLoops](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultLoops) [defaultOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultOpacity) [defaultRadius](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRadius) [defaultRatio](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRatio) [defaultReduceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultReduceFactor) [defaultRemoveQuantity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRemoveQuantity) [defaultRetryCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRetryCount) [defaultRgbMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRgbMin) [defaultTime](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTime) [defaultTransform](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTransform) [defaultTransformValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTransformValue) [defaultVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultVelocity) [degToRad](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#degToRad) [deleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#deleteCount) [DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DestroyType) [DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DivEvent) [divMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#divMode) [divModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#divModeExecute) [DivType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DivType) [double](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#double) [doublePI](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#doublePI) [drawEffect](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawEffect) [drawLine](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawLine) [drawParticle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawPlugin) [drawShape](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawShape) [drawShapeAfterDraw](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawShapeAfterDraw) [EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EasingType) [EasingTypeAlt](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EasingTypeAlt) [empty](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#empty) [errorPrefix](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#errorPrefix) [Events](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Events) [EventType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EventType) [executeOnSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#executeOnSingleOrMultiple) [ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ExternalInteractorBase) [findItemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#findItemFromSingleOrMultiple) [FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#FullScreen) [generatedAttribute](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedAttribute) [generatedFalse](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedFalse) [generatedTrue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedTrue) [getDistance](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getDistance) [getDistances](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getDistances) [getFullScreenStyle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getFullScreenStyle) [getHslAnimationFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getHslAnimationFromHsl) [getHslFromAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getHslFromAnimation) [getLinkColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLinkColor) [getLinkRandomColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLinkRandomColor) [getLogger](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLogger) [getParticleBaseVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getParticleBaseVelocity) [getParticleDirectionAngle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getParticleDirectionAngle) [getPosition](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getPosition) [getRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRandom) [getRandomRgbColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRandomRgbColor) [getRangeMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeMax) [getRangeMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeMin) [getRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeValue) [getSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getSize) [getStyleFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getStyleFromHsl) [getStyleFromRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getStyleFromRgb) [GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#GradientType) [half](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#half) [hasMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hasMatchMedia) [hMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hMax) [hMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hMin) [HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#HoverEvent) [hPhase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hPhase) [HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#HslAnimation) [hslaToRgba](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hslaToRgba) [hslToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hslToRgb) [identity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#identity) [initParticleNumericAnimationValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#initParticleNumericAnimationValue) [Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Interactivity) [InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#InteractivityDetect) [InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#InteractorType) [inverseFactorNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#inverseFactorNumerator) [isArray](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isArray) [isBoolean](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isBoolean) [isDivModeEnabled](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isDivModeEnabled) [isFunction](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isFunction) [isInArray](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isInArray) [isNull](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isNull) [isNumber](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isNumber) [isObject](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isObject) [isPointInside](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isPointInside) [isSsr](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isSsr) [isString](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isString) [itemFromArray](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#itemFromArray) [itemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#itemFromSingleOrMultiple) [lengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lengthOffset) [lFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lFactor) [LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#LimitMode) [lMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lMax) [lMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lMin) [loadFont](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadFont) [loadMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadMinIndex) [loadOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadParticlesOptions) [loadRandomFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadRandomFactor) [manualCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#manualCount) [manualDefaultPosition](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#manualDefaultPosition) [ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ManualParticle) [midColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#midColorValue) [millisecondsToSeconds](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#millisecondsToSeconds) [minCoordinate](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minCoordinate) [minCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minCount) [minFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minFpsLimit) [minimumLength](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minimumLength) [minimumSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minimumSize) [minIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minIndex) [minLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minLimit) [minRetries](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minRetries) [minStrokeWidth](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minStrokeWidth) [minVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minVelocity) [minZ](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minZ) [mix](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mix) [Modes](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Modes) [mouseDownEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseDownEvent) [mouseLeaveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseLeaveEvent) [mouseMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseMoveEvent) [mouseOutEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseOutEvent) [mouseUpEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseUpEvent) [Move](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Move) [MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveAngle) [MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveAttract) [MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveCenter) [MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveDirection) [MoveDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveDirectionAlt) [MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveGravity) [MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MovePath) [MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveTrail) [none](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#none) [one](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#one) [Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Opacity) [OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OpacityAnimation) [Options](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Options) [OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OptionsColor) [originPoint](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#originPoint) [OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutMode) [OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutModeDirection) [OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutModes) [paintBase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#paintBase) [paintImage](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#paintImage) [Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Parallax) [parseAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#parseAlpha) [ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticleOutType) [ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesBounce) [ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesBounceFactor) [ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesDensity) [ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesInteractorBase) [ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesNumber) [ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesNumberLimit) [ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesOptions) [percentDenominator](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#percentDenominator) [phaseNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#phaseNumerator) [PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#PixelMode) [Point](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Point) [posOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#posOffset) [qTreeCapacity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#qTreeCapacity) [quarter](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#quarter) [randomColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#randomColorValue) [randomInRange](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#randomInRange) [rangeColorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rangeColorToHsl) [rangeColorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rangeColorToRgb) [RangedAnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RangedAnimationOptions) [RangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RangedAnimationValueWithRandom) [Rectangle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Rectangle) [rectBounce](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rectBounce) [removeDeleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#removeDeleteCount) [removeMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#removeMinIndex) [resizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#resizeEvent) [ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ResizeEvent-1) [Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Responsive) [ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ResponsiveMode) [rgbFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbFactor) [rgbMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbMax) [rgbToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbToHsl) [rollFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rollFactor) [RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RotateDirection) [RotateDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RotateDirectionAlt) [safeIntersectionObserver](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeIntersectionObserver) [safeMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeMatchMedia) [safeMutationObserver](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeMutationObserver) [setAnimationFunctions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setAnimationFunctions) [setLogger](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setLogger) [setRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setRandom) [setRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setRangeValue) [sextuple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sextuple) [Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Shadow) [Shape](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Shape) [singleDivModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#singleDivModeExecute) [Size](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Size) [SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#SizeAnimation) [sizeFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sizeFactor) [sMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sMax) [sMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sMin) [sNormalizedOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sNormalizedOffset) [Spin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Spin) [squareExp](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#squareExp) [StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#StartValueType) [stringToAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#stringToAlpha) [stringToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#stringToRgb) [Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Stroke) [subdivideCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#subdivideCount) [Theme](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Theme) [ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ThemeDefault) [ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ThemeMode) [threeQuarter](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#threeQuarter) [touchCancelEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchCancelEvent) [touchDelay](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchDelay) [touchEndEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchEndEvent) [touchEndLengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchEndLengthOffset) [touchMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchMoveEvent) [touchStartEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchStartEvent) [triple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#triple) [tryCountIncrement](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#tryCountIncrement) [updateAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateAnimation) [updateColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateColor) [updateColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateColorValue) [ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ValueWithRandom) [Vector](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Vector) [Vector3d](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Vector3d) [visibilityChangeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#visibilityChangeEvent) [ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ZIndex) [zIndexFactorOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#zIndexFactorOffset) References ---------- ### alterHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#alterHsl) Re-exports [alterHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.alterHsl.html) ### AlterType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AlterType) Re-exports [AlterType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_AlterType.AlterType.html) ### AnimatableColor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimatableColor) Re-exports [AnimatableColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimatableColor.AnimatableColor.html) ### animate[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#animate) Re-exports [animate](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.animate.html) ### AnimationMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationMode) Re-exports [AnimationMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_AnimationMode.AnimationMode.html) ### AnimationOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationOptions) Re-exports [AnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.AnimationOptions.html) ### AnimationStatus[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationStatus) Re-exports [AnimationStatus](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_AnimationStatus.AnimationStatus.html) ### AnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationValueWithRandom) Re-exports [AnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.AnimationValueWithRandom.html) ### areBoundsInside[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#areBoundsInside) Re-exports [areBoundsInside](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.areBoundsInside.html) ### arrayRandomIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#arrayRandomIndex) Re-exports [arrayRandomIndex](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.arrayRandomIndex.html) ### Background[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Background) Re-exports [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) ### BackgroundMask[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BackgroundMask) Re-exports [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) ### BackgroundMaskCover[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BackgroundMaskCover) Re-exports [BackgroundMaskCover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.BackgroundMaskCover.html) ### BaseRange[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BaseRange) Re-exports [BaseRange](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.BaseRange.html) ### calcExactPositionOrRandomFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcExactPositionOrRandomFromSize) Re-exports [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcExactPositionOrRandomFromSize.html) ### calcExactPositionOrRandomFromSizeRanged[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcExactPositionOrRandomFromSizeRanged) Re-exports [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcExactPositionOrRandomFromSizeRanged.html) ### calcPositionFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionFromSize) Re-exports [calcPositionFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionFromSize.html) ### calcPositionOrRandomFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionOrRandomFromSize) Re-exports [calcPositionOrRandomFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionOrRandomFromSize.html) ### calcPositionOrRandomFromSizeRanged[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionOrRandomFromSizeRanged) Re-exports [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionOrRandomFromSizeRanged.html) ### calculateBounds[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calculateBounds) Re-exports [calculateBounds](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.calculateBounds.html) ### cancelAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#cancelAnimation) Re-exports [cancelAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.cancelAnimation.html) ### canvasFirstIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#canvasFirstIndex) Re-exports [canvasFirstIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasFirstIndex.html) ### canvasTag[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#canvasTag) Re-exports [canvasTag](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasTag.html) ### Circle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Circle) Re-exports [Circle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Circle.html) ### circleBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#circleBounce) Re-exports [circleBounce](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.circleBounce.html) ### circleBounceDataFromParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#circleBounceDataFromParticle) Re-exports [circleBounceDataFromParticle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.circleBounceDataFromParticle.html) ### clamp[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clamp) Re-exports [clamp](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.clamp.html) ### clear[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clear) Re-exports [clear](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.clear.html) ### ClickEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ClickEvent) Re-exports [ClickEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ClickEvent.ClickEvent.html) ### clickRadius[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clickRadius) Re-exports [clickRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.clickRadius.html) ### cloneStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#cloneStyle) Re-exports [cloneStyle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.cloneStyle.html) ### CollisionMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionMode) Re-exports [CollisionMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_CollisionMode.CollisionMode.html) ### Collisions[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Collisions) Re-exports [Collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.Collisions.html) ### CollisionsAbsorb[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionsAbsorb) Re-exports [CollisionsAbsorb](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsAbsorb.CollisionsAbsorb.html) ### CollisionsOverlap[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionsOverlap) Re-exports [CollisionsOverlap](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsOverlap.CollisionsOverlap.html) ### collisionVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#collisionVelocity) Re-exports [collisionVelocity](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.collisionVelocity.html) ### ColorAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ColorAnimation) Re-exports [ColorAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ColorAnimation.ColorAnimation.html) ### colorMix[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorMix) Re-exports [colorMix](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorMix.html) ### colorToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorToHsl) Re-exports [colorToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorToHsl.html) ### colorToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorToRgb) Re-exports [colorToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorToRgb.html) ### countOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#countOffset) Re-exports [countOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.countOffset.html) ### decayOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#decayOffset) Re-exports [decayOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.decayOffset.html) ### deepExtend[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#deepExtend) Re-exports [deepExtend](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.deepExtend.html) ### defaultAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultAlpha) Re-exports [defaultAlpha](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAlpha.html) ### defaultAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultAngle) Re-exports [defaultAngle](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAngle.html) ### defaultDensityFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultDensityFactor) Re-exports [defaultDensityFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultDensityFactor.html) ### defaultFps[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultFps) Re-exports [defaultFps](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFps.html) ### defaultFpsLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultFpsLimit) Re-exports [defaultFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFpsLimit.html) ### defaultLoops[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultLoops) Re-exports [defaultLoops](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultLoops.html) ### defaultOpacity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultOpacity) Re-exports [defaultOpacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultOpacity.html) ### defaultRadius[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRadius) Re-exports [defaultRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRadius.html) ### defaultRatio[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRatio) Re-exports [defaultRatio](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRatio.html) ### defaultReduceFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultReduceFactor) Re-exports [defaultReduceFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultReduceFactor.html) ### defaultRemoveQuantity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRemoveQuantity) Re-exports [defaultRemoveQuantity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRemoveQuantity.html) ### defaultRetryCount[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRetryCount) Re-exports [defaultRetryCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRetryCount.html) ### defaultRgbMin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRgbMin) Re-exports [defaultRgbMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRgbMin.html) ### defaultTime[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTime) Re-exports [defaultTime](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTime.html) ### defaultTransform[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTransform) Re-exports [defaultTransform](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransform.html) ### defaultTransformValue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTransformValue) Re-exports [defaultTransformValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransformValue.html) ### defaultVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultVelocity) Re-exports [defaultVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultVelocity.html) ### degToRad[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#degToRad) Re-exports [degToRad](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.degToRad.html) ### deleteCount[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#deleteCount) Re-exports [deleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.deleteCount.html) ### DestroyType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DestroyType) Re-exports [DestroyType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DestroyType.DestroyType.html) ### DivEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DivEvent) Re-exports [DivEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_DivEvent.DivEvent.html) ### divMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#divMode) Re-exports [divMode](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.divMode.html) ### divModeExecute[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#divModeExecute) Re-exports [divModeExecute](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.divModeExecute.html) ### DivType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DivType) Re-exports [DivType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DivType.DivType.html) ### double[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#double) Re-exports [double](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.double.html) ### doublePI[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#doublePI) Re-exports [doublePI](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.doublePI.html) ### drawEffect[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawEffect) Re-exports [drawEffect](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawEffect.html) ### drawLine[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawLine) Re-exports [drawLine](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawLine.html) ### drawParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawParticle) Re-exports [drawParticle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawParticle.html) ### drawParticlePlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawParticlePlugin) Re-exports [drawParticlePlugin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawParticlePlugin.html) ### drawPlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawPlugin) Re-exports [drawPlugin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawPlugin.html) ### drawShape[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawShape) Re-exports [drawShape](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawShape.html) ### drawShapeAfterDraw[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawShapeAfterDraw) Re-exports [drawShapeAfterDraw](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawShapeAfterDraw.html) ### EasingType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EasingType) Re-exports [EasingType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EasingType.EasingType.html) ### EasingTypeAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EasingTypeAlt) Re-exports [EasingTypeAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Types_EasingType.EasingTypeAlt.html) ### empty[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#empty) Re-exports [empty](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.empty.html) ### errorPrefix[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#errorPrefix) Re-exports [errorPrefix](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.errorPrefix.html) ### Events[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Events) Re-exports [Events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.Events.html) ### EventType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EventType) Re-exports [EventType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EventType.EventType.html) ### executeOnSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#executeOnSingleOrMultiple) Re-exports [executeOnSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.executeOnSingleOrMultiple.html) ### ExternalInteractorBase[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ExternalInteractorBase) Re-exports [ExternalInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ExternalInteractorBase.ExternalInteractorBase.html) ### findItemFromSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#findItemFromSingleOrMultiple) Re-exports [findItemFromSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.findItemFromSingleOrMultiple.html) ### FullScreen[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#FullScreen) Re-exports [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) ### generatedAttribute[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedAttribute) Re-exports [generatedAttribute](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedAttribute.html) ### generatedFalse[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedFalse) Re-exports [generatedFalse](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedFalse.html) ### generatedTrue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedTrue) Re-exports [generatedTrue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedTrue.html) ### getDistance[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getDistance) Re-exports [getDistance](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getDistance.html) ### getDistances[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getDistances) Re-exports [getDistances](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getDistances.html) ### getFullScreenStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getFullScreenStyle) Re-exports [getFullScreenStyle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getFullScreenStyle.html) ### getHslAnimationFromHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getHslAnimationFromHsl) Re-exports [getHslAnimationFromHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getHslAnimationFromHsl.html) ### getHslFromAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getHslFromAnimation) Re-exports [getHslFromAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getHslFromAnimation.html) ### getLinkColor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLinkColor) Re-exports [getLinkColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getLinkColor.html) ### getLinkRandomColor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLinkRandomColor) Re-exports [getLinkRandomColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getLinkRandomColor.html) ### getLogger[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLogger) Re-exports [getLogger](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getLogger.html) ### getParticleBaseVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getParticleBaseVelocity) Re-exports [getParticleBaseVelocity](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getParticleBaseVelocity.html) ### getParticleDirectionAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getParticleDirectionAngle) Re-exports [getParticleDirectionAngle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getParticleDirectionAngle.html) ### getPosition[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getPosition) Re-exports [getPosition](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getPosition.html) ### getRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRandom) Re-exports [getRandom](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRandom.html) ### getRandomRgbColor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRandomRgbColor) Re-exports [getRandomRgbColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getRandomRgbColor.html) ### getRangeMax[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeMax) Re-exports [getRangeMax](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeMax.html) ### getRangeMin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeMin) Re-exports [getRangeMin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeMin.html) ### getRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeValue) Re-exports [getRangeValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeValue.html) ### getSize[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getSize) Re-exports [getSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getSize.html) ### getStyleFromHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getStyleFromHsl) Re-exports [getStyleFromHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getStyleFromHsl.html) ### getStyleFromRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getStyleFromRgb) Re-exports [getStyleFromRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getStyleFromRgb.html) ### GradientType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#GradientType) Re-exports [GradientType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_GradientType.GradientType.html) ### half[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#half) Re-exports [half](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.half.html) ### hasMatchMedia[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hasMatchMedia) Re-exports [hasMatchMedia](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.hasMatchMedia.html) ### hMax[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hMax) Re-exports [hMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMax.html) ### hMin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hMin) Re-exports [hMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMin.html) ### HoverEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#HoverEvent) Re-exports [HoverEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_HoverEvent.HoverEvent.html) ### hPhase[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hPhase) Re-exports [hPhase](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hPhase.html) ### HslAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#HslAnimation) Re-exports [HslAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_HslAnimation.HslAnimation.html) ### hslaToRgba[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hslaToRgba) Re-exports [hslaToRgba](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.hslaToRgba.html) ### hslToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hslToRgb) Re-exports [hslToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.hslToRgb.html) ### identity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#identity) Re-exports [identity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.identity.html) ### initParticleNumericAnimationValue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#initParticleNumericAnimationValue) Re-exports [initParticleNumericAnimationValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.initParticleNumericAnimationValue.html) ### Interactivity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Interactivity) Re-exports [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) ### InteractivityDetect[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#InteractivityDetect) Re-exports [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) ### InteractorType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#InteractorType) Re-exports [InteractorType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_InteractorType.InteractorType.html) ### inverseFactorNumerator[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#inverseFactorNumerator) Re-exports [inverseFactorNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.inverseFactorNumerator.html) ### isArray[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isArray) Re-exports [isArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isArray.html) ### isBoolean[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isBoolean) Re-exports [isBoolean](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isBoolean.html) ### isDivModeEnabled[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isDivModeEnabled) Re-exports [isDivModeEnabled](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isDivModeEnabled.html) ### isFunction[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isFunction) Re-exports [isFunction](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isFunction.html) ### isInArray[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isInArray) Re-exports [isInArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isInArray.html) ### isNull[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isNull) Re-exports [isNull](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isNull.html) ### isNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isNumber) Re-exports [isNumber](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isNumber.html) ### isObject[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isObject) Re-exports [isObject](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isObject.html) ### isPointInside[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isPointInside) Re-exports [isPointInside](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isPointInside.html) ### isSsr[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isSsr) Re-exports [isSsr](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isSsr.html) ### isString[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isString) Re-exports [isString](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isString.html) ### itemFromArray[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#itemFromArray) Re-exports [itemFromArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.itemFromArray.html) ### itemFromSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#itemFromSingleOrMultiple) Re-exports [itemFromSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.itemFromSingleOrMultiple.html) ### lengthOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lengthOffset) Re-exports [lengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lengthOffset.html) ### lFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lFactor) Re-exports [lFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lFactor.html) ### LimitMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#LimitMode) Re-exports [LimitMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_LimitMode.LimitMode.html) ### lMax[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lMax) Re-exports [lMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMax.html) ### lMin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lMin) Re-exports [lMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMin.html) ### loadFont[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadFont) Re-exports [loadFont](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.loadFont.html) ### loadMinIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadMinIndex) Re-exports [loadMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadMinIndex.html) ### loadOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadOptions) Re-exports [loadOptions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_OptionsUtils.loadOptions.html) ### loadParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadParticlesOptions) Re-exports [loadParticlesOptions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_OptionsUtils.loadParticlesOptions.html) ### loadRandomFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadRandomFactor) Re-exports [loadRandomFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadRandomFactor.html) ### manualCount[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#manualCount) Re-exports [manualCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualCount.html) ### manualDefaultPosition[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#manualDefaultPosition) Re-exports [manualDefaultPosition](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualDefaultPosition.html) ### ManualParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ManualParticle) Re-exports [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) ### midColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#midColorValue) Re-exports [midColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.midColorValue.html) ### millisecondsToSeconds[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#millisecondsToSeconds) Re-exports [millisecondsToSeconds](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.millisecondsToSeconds.html) ### minCoordinate[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minCoordinate) Re-exports [minCoordinate](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCoordinate.html) ### minCount[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minCount) Re-exports [minCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCount.html) ### minFpsLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minFpsLimit) Re-exports [minFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minFpsLimit.html) ### minimumLength[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minimumLength) Re-exports [minimumLength](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumLength.html) ### minimumSize[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minimumSize) Re-exports [minimumSize](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumSize.html) ### minIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minIndex) Re-exports [minIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minIndex.html) ### minLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minLimit) Re-exports [minLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minLimit.html) ### minRetries[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minRetries) Re-exports [minRetries](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minRetries.html) ### minStrokeWidth[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minStrokeWidth) Re-exports [minStrokeWidth](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minStrokeWidth.html) ### minVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minVelocity) Re-exports [minVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minVelocity.html) ### minZ[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minZ) Re-exports [minZ](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minZ.html) ### mix[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mix) Re-exports [mix](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.mix.html) ### Modes[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Modes) Re-exports [Modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.Modes.html) ### mouseDownEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseDownEvent) Re-exports [mouseDownEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseDownEvent.html) ### mouseLeaveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseLeaveEvent) Re-exports [mouseLeaveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseLeaveEvent.html) ### mouseMoveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseMoveEvent) Re-exports [mouseMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseMoveEvent.html) ### mouseOutEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseOutEvent) Re-exports [mouseOutEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseOutEvent.html) ### mouseUpEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseUpEvent) Re-exports [mouseUpEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseUpEvent.html) ### Move[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Move) Re-exports [Move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Move.Move.html) ### MoveAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveAngle) Re-exports [MoveAngle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAngle.MoveAngle.html) ### MoveAttract[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveAttract) Re-exports [MoveAttract](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAttract.MoveAttract.html) ### MoveCenter[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveCenter) Re-exports [MoveCenter](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveCenter.MoveCenter.html) ### MoveDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveDirection) Re-exports [MoveDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html) ### MoveDirectionAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveDirectionAlt) Re-exports [MoveDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirectionAlt.html) ### MoveGravity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveGravity) Re-exports [MoveGravity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveGravity.MoveGravity.html) ### MovePath[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MovePath) Re-exports [MovePath](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Path_MovePath.MovePath.html) ### MoveTrail[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveTrail) Re-exports [MoveTrail](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrail.MoveTrail.html) ### none[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#none) Re-exports [none](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.none.html) ### one[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#one) Re-exports [one](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.one.html) ### Opacity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Opacity) Re-exports [Opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.Opacity.html) ### OpacityAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OpacityAnimation) Re-exports [OpacityAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_OpacityAnimation.OpacityAnimation.html) ### Options[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Options) Re-exports [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) ### OptionsColor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OptionsColor) Re-exports [OptionsColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_OptionsColor.OptionsColor.html) ### originPoint[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#originPoint) Re-exports [originPoint](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.originPoint.html) ### OutMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutMode) Re-exports [OutMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_OutMode.OutMode.html) ### OutModeDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutModeDirection) Re-exports [OutModeDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_OutModeDirection.OutModeDirection.html) ### OutModes[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutModes) Re-exports [OutModes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_OutModes.OutModes.html) ### paintBase[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#paintBase) Re-exports [paintBase](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.paintBase.html) ### paintImage[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#paintImage) Re-exports [paintImage](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.paintImage.html) ### Parallax[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Parallax) Re-exports [Parallax](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Parallax.Parallax.html) ### parseAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#parseAlpha) Re-exports [parseAlpha](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.parseAlpha.html) ### ParticleOutType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticleOutType) Re-exports [ParticleOutType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_ParticleOutType.ParticleOutType.html) ### ParticlesBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesBounce) Re-exports [ParticlesBounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.ParticlesBounce.html) ### ParticlesBounceFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesBounceFactor) Re-exports [ParticlesBounceFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounceFactor.ParticlesBounceFactor.html) ### ParticlesDensity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesDensity) Re-exports [ParticlesDensity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesDensity.ParticlesDensity.html) ### ParticlesInteractorBase[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesInteractorBase) Re-exports [ParticlesInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ParticlesInteractorBase.ParticlesInteractorBase.html) ### ParticlesNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesNumber) Re-exports [ParticlesNumber](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.ParticlesNumber.html) ### ParticlesNumberLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesNumberLimit) Re-exports [ParticlesNumberLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumberLimit.ParticlesNumberLimit.html) ### ParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesOptions) Re-exports [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) ### percentDenominator[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#percentDenominator) Re-exports [percentDenominator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.percentDenominator.html) ### phaseNumerator[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#phaseNumerator) Re-exports [phaseNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.phaseNumerator.html) ### PixelMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#PixelMode) Re-exports [PixelMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_PixelMode.PixelMode.html) ### Point[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Point) Re-exports [Point](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Point.Point.html) ### posOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#posOffset) Re-exports [posOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.posOffset.html) ### qTreeCapacity[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#qTreeCapacity) Re-exports [qTreeCapacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.qTreeCapacity.html) ### quarter[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#quarter) Re-exports [quarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.quarter.html) ### randomColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#randomColorValue) Re-exports [randomColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.randomColorValue.html) ### randomInRange[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#randomInRange) Re-exports [randomInRange](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.randomInRange.html) ### rangeColorToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rangeColorToHsl) Re-exports [rangeColorToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rangeColorToHsl.html) ### rangeColorToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rangeColorToRgb) Re-exports [rangeColorToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rangeColorToRgb.html) ### RangedAnimationOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RangedAnimationOptions) Re-exports [RangedAnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.RangedAnimationOptions.html) ### RangedAnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RangedAnimationValueWithRandom) Re-exports [RangedAnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.RangedAnimationValueWithRandom.html) ### Rectangle[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Rectangle) Re-exports [Rectangle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Rectangle.html) ### rectBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rectBounce) Re-exports [rectBounce](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.rectBounce.html) ### removeDeleteCount[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#removeDeleteCount) Re-exports [removeDeleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeDeleteCount.html) ### removeMinIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#removeMinIndex) Re-exports [removeMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeMinIndex.html) ### resizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#resizeEvent) Re-exports [resizeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.resizeEvent.html) ### ResizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ResizeEvent-1) Re-exports [ResizeEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ResizeEvent.ResizeEvent.html) ### Responsive[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Responsive) Re-exports [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) ### ResponsiveMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ResponsiveMode) Re-exports [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) ### rgbFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbFactor) Re-exports [rgbFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbFactor.html) ### rgbMax[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbMax) Re-exports [rgbMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbMax.html) ### rgbToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbToHsl) Re-exports [rgbToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rgbToHsl.html) ### rollFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rollFactor) Re-exports [rollFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rollFactor.html) ### RotateDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RotateDirection) Re-exports [RotateDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirection.html) ### RotateDirectionAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RotateDirectionAlt) Re-exports [RotateDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirectionAlt.html) ### safeIntersectionObserver[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeIntersectionObserver) Re-exports [safeIntersectionObserver](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeIntersectionObserver.html) ### safeMatchMedia[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeMatchMedia) Re-exports [safeMatchMedia](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeMatchMedia.html) ### safeMutationObserver[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeMutationObserver) Re-exports [safeMutationObserver](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeMutationObserver.html) ### setAnimationFunctions[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setAnimationFunctions) Re-exports [setAnimationFunctions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setAnimationFunctions.html) ### setLogger[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setLogger) Re-exports [setLogger](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.setLogger.html) ### setRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setRandom) Re-exports [setRandom](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setRandom.html) ### setRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setRangeValue) Re-exports [setRangeValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setRangeValue.html) ### sextuple[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sextuple) Re-exports [sextuple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sextuple.html) ### Shadow[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Shadow) Re-exports [Shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shadow.Shadow.html) ### Shape[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Shape) Re-exports [Shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.Shape.html) ### singleDivModeExecute[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#singleDivModeExecute) Re-exports [singleDivModeExecute](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.singleDivModeExecute.html) ### Size[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Size) Re-exports [Size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_Size.Size.html) ### SizeAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#SizeAnimation) Re-exports [SizeAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_SizeAnimation.SizeAnimation.html) ### sizeFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sizeFactor) Re-exports [sizeFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sizeFactor.html) ### sMax[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sMax) Re-exports [sMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMax.html) ### sMin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sMin) Re-exports [sMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMin.html) ### sNormalizedOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sNormalizedOffset) Re-exports [sNormalizedOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sNormalizedOffset.html) ### Spin[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Spin) Re-exports [Spin](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Spin.Spin.html) ### squareExp[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#squareExp) Re-exports [squareExp](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.squareExp.html) ### StartValueType[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#StartValueType) Re-exports [StartValueType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_StartValueType.StartValueType.html) ### stringToAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#stringToAlpha) Re-exports [stringToAlpha](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.stringToAlpha.html) ### stringToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#stringToRgb) Re-exports [stringToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.stringToRgb.html) ### Stroke[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Stroke) Re-exports [Stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Stroke.Stroke.html) ### subdivideCount[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#subdivideCount) Re-exports [subdivideCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.subdivideCount.html) ### Theme[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Theme) Re-exports [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) ### ThemeDefault[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ThemeDefault) Re-exports [ThemeDefault](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.ThemeDefault.html) ### ThemeMode[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ThemeMode) Re-exports [ThemeMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ThemeMode.ThemeMode.html) ### threeQuarter[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#threeQuarter) Re-exports [threeQuarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.threeQuarter.html) ### touchCancelEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchCancelEvent) Re-exports [touchCancelEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchCancelEvent.html) ### touchDelay[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchDelay) Re-exports [touchDelay](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchDelay.html) ### touchEndEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchEndEvent) Re-exports [touchEndEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndEvent.html) ### touchEndLengthOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchEndLengthOffset) Re-exports [touchEndLengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndLengthOffset.html) ### touchMoveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchMoveEvent) Re-exports [touchMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchMoveEvent.html) ### touchStartEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchStartEvent) Re-exports [touchStartEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchStartEvent.html) ### triple[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#triple) Re-exports [triple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.triple.html) ### tryCountIncrement[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#tryCountIncrement) Re-exports [tryCountIncrement](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.tryCountIncrement.html) ### updateAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateAnimation) Re-exports [updateAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.updateAnimation.html) ### updateColor[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateColor) Re-exports [updateColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.updateColor.html) ### updateColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateColorValue) Re-exports [updateColorValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.updateColorValue.html) ### ValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ValueWithRandom) Re-exports [ValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.ValueWithRandom.html) ### Vector[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Vector) Re-exports [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) ### Vector3d[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Vector3d) Re-exports [Vector3d](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector3d.html) ### visibilityChangeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#visibilityChangeEvent) Re-exports [visibilityChangeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.visibilityChangeEvent.html) ### ZIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ZIndex) Re-exports [ZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.ZIndex.html) ### zIndexFactorOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#zIndexFactorOffset) Re-exports [zIndexFactorOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.zIndexFactorOffset.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page References [alterHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#alterHsl) [AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AlterType) [AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimatableColor) [animate](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#animate) [AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationMode) [AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationOptions) [AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationStatus) [AnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#AnimationValueWithRandom) [areBoundsInside](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#areBoundsInside) [arrayRandomIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#arrayRandomIndex) [Background](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Background) [BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BackgroundMask) [BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BackgroundMaskCover) [BaseRange](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#BaseRange) [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcExactPositionOrRandomFromSize) [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcExactPositionOrRandomFromSizeRanged) [calcPositionFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionFromSize) [calcPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionOrRandomFromSize) [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calcPositionOrRandomFromSizeRanged) [calculateBounds](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#calculateBounds) [cancelAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#cancelAnimation) [canvasFirstIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#canvasFirstIndex) [canvasTag](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#canvasTag) [Circle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Circle) [circleBounce](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#circleBounce) [circleBounceDataFromParticle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#circleBounceDataFromParticle) [clamp](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clamp) [clear](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clear) [ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ClickEvent) [clickRadius](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#clickRadius) [cloneStyle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#cloneStyle) [CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionMode) [Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Collisions) [CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionsAbsorb) [CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#CollisionsOverlap) [collisionVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#collisionVelocity) [ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ColorAnimation) [colorMix](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorMix) [colorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorToHsl) [colorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#colorToRgb) [countOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#countOffset) [decayOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#decayOffset) [deepExtend](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#deepExtend) [defaultAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultAlpha) [defaultAngle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultAngle) [defaultDensityFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultDensityFactor) [defaultFps](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultFps) [defaultFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultFpsLimit) [defaultLoops](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultLoops) [defaultOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultOpacity) [defaultRadius](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRadius) [defaultRatio](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRatio) [defaultReduceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultReduceFactor) [defaultRemoveQuantity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRemoveQuantity) [defaultRetryCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRetryCount) [defaultRgbMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultRgbMin) [defaultTime](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTime) [defaultTransform](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTransform) [defaultTransformValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultTransformValue) [defaultVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#defaultVelocity) [degToRad](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#degToRad) [deleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#deleteCount) [DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DestroyType) [DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DivEvent) [divMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#divMode) [divModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#divModeExecute) [DivType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#DivType) [double](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#double) [doublePI](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#doublePI) [drawEffect](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawEffect) [drawLine](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawLine) [drawParticle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawPlugin) [drawShape](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawShape) [drawShapeAfterDraw](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#drawShapeAfterDraw) [EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EasingType) [EasingTypeAlt](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EasingTypeAlt) [empty](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#empty) [errorPrefix](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#errorPrefix) [Events](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Events) [EventType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#EventType) [executeOnSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#executeOnSingleOrMultiple) [ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ExternalInteractorBase) [findItemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#findItemFromSingleOrMultiple) [FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#FullScreen) [generatedAttribute](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedAttribute) [generatedFalse](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedFalse) [generatedTrue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#generatedTrue) [getDistance](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getDistance) [getDistances](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getDistances) [getFullScreenStyle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getFullScreenStyle) [getHslAnimationFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getHslAnimationFromHsl) [getHslFromAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getHslFromAnimation) [getLinkColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLinkColor) [getLinkRandomColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLinkRandomColor) [getLogger](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getLogger) [getParticleBaseVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getParticleBaseVelocity) [getParticleDirectionAngle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getParticleDirectionAngle) [getPosition](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getPosition) [getRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRandom) [getRandomRgbColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRandomRgbColor) [getRangeMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeMax) [getRangeMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeMin) [getRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getRangeValue) [getSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getSize) [getStyleFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getStyleFromHsl) [getStyleFromRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#getStyleFromRgb) [GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#GradientType) [half](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#half) [hasMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hasMatchMedia) [hMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hMax) [hMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hMin) [HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#HoverEvent) [hPhase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hPhase) [HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#HslAnimation) [hslaToRgba](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hslaToRgba) [hslToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#hslToRgb) [identity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#identity) [initParticleNumericAnimationValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#initParticleNumericAnimationValue) [Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Interactivity) [InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#InteractivityDetect) [InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#InteractorType) [inverseFactorNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#inverseFactorNumerator) [isArray](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isArray) [isBoolean](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isBoolean) [isDivModeEnabled](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isDivModeEnabled) [isFunction](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isFunction) [isInArray](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isInArray) [isNull](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isNull) [isNumber](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isNumber) [isObject](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isObject) [isPointInside](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isPointInside) [isSsr](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isSsr) [isString](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#isString) [itemFromArray](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#itemFromArray) [itemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#itemFromSingleOrMultiple) [lengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lengthOffset) [lFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lFactor) [LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#LimitMode) [lMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lMax) [lMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#lMin) [loadFont](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadFont) [loadMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadMinIndex) [loadOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadParticlesOptions) [loadRandomFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#loadRandomFactor) [manualCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#manualCount) [manualDefaultPosition](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#manualDefaultPosition) [ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ManualParticle) [midColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#midColorValue) [millisecondsToSeconds](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#millisecondsToSeconds) [minCoordinate](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minCoordinate) [minCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minCount) [minFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minFpsLimit) [minimumLength](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minimumLength) [minimumSize](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minimumSize) [minIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minIndex) [minLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minLimit) [minRetries](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minRetries) [minStrokeWidth](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minStrokeWidth) [minVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minVelocity) [minZ](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#minZ) [mix](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mix) [Modes](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Modes) [mouseDownEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseDownEvent) [mouseLeaveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseLeaveEvent) [mouseMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseMoveEvent) [mouseOutEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseOutEvent) [mouseUpEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#mouseUpEvent) [Move](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Move) [MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveAngle) [MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveAttract) [MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveCenter) [MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveDirection) [MoveDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveDirectionAlt) [MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveGravity) [MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MovePath) [MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#MoveTrail) [none](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#none) [one](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#one) [Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Opacity) [OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OpacityAnimation) [Options](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Options) [OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OptionsColor) [originPoint](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#originPoint) [OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutMode) [OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutModeDirection) [OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#OutModes) [paintBase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#paintBase) [paintImage](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#paintImage) [Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Parallax) [parseAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#parseAlpha) [ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticleOutType) [ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesBounce) [ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesBounceFactor) [ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesDensity) [ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesInteractorBase) [ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesNumber) [ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesNumberLimit) [ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ParticlesOptions) [percentDenominator](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#percentDenominator) [phaseNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#phaseNumerator) [PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#PixelMode) [Point](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Point) [posOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#posOffset) [qTreeCapacity](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#qTreeCapacity) [quarter](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#quarter) [randomColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#randomColorValue) [randomInRange](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#randomInRange) [rangeColorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rangeColorToHsl) [rangeColorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rangeColorToRgb) [RangedAnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RangedAnimationOptions) [RangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RangedAnimationValueWithRandom) [Rectangle](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Rectangle) [rectBounce](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rectBounce) [removeDeleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#removeDeleteCount) [removeMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#removeMinIndex) [resizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#resizeEvent) [ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ResizeEvent-1) [Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Responsive) [ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ResponsiveMode) [rgbFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbFactor) [rgbMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbMax) [rgbToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rgbToHsl) [rollFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#rollFactor) [RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RotateDirection) [RotateDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#RotateDirectionAlt) [safeIntersectionObserver](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeIntersectionObserver) [safeMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeMatchMedia) [safeMutationObserver](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#safeMutationObserver) [setAnimationFunctions](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setAnimationFunctions) [setLogger](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setLogger) [setRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setRandom) [setRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#setRangeValue) [sextuple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sextuple) [Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Shadow) [Shape](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Shape) [singleDivModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#singleDivModeExecute) [Size](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Size) [SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#SizeAnimation) [sizeFactor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sizeFactor) [sMax](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sMax) [sMin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sMin) [sNormalizedOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#sNormalizedOffset) [Spin](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Spin) [squareExp](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#squareExp) [StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#StartValueType) [stringToAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#stringToAlpha) [stringToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#stringToRgb) [Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Stroke) [subdivideCount](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#subdivideCount) [Theme](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Theme) [ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ThemeDefault) [ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ThemeMode) [threeQuarter](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#threeQuarter) [touchCancelEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchCancelEvent) [touchDelay](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchDelay) [touchEndEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchEndEvent) [touchEndLengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchEndLengthOffset) [touchMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchMoveEvent) [touchStartEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#touchStartEvent) [triple](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#triple) [tryCountIncrement](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#tryCountIncrement) [updateAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateAnimation) [updateColor](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateColor) [updateColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#updateColorValue) [ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ValueWithRandom) [Vector](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Vector) [Vector3d](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#Vector3d) [visibilityChangeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#visibilityChangeEvent) [ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#ZIndex) [zIndexFactorOffset](https://particles.js.org/docs/modules/tsParticles_Engine.exports.html#zIndexFactorOffset) --- # Options/Interfaces/IOptionsColor | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IOptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IOptionsColor.html) Module Options/Interfaces/IOptionsColor ======================================= ### Index ### Type Aliases [IOptionsColor](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/IValueWithRandom | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/IValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_IValueWithRandom.html) Module Options/Interfaces/IValueWithRandom ========================================== ### Index ### Interfaces [IAnimationValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IAnimationValueWithRandom.html) [IRangedAnimationValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IRangedAnimationValueWithRandom.html) [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # index | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [index](https://particles.js.org/docs/modules/tsParticles_Engine.index.html) Module index ============ ##### Index ### References [alterHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#alterHsl) [AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AlterType) [AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimatableColor) [animate](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#animate) [AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationMode) [AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationOptions) [AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationStatus) [AnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationValueWithRandom) [areBoundsInside](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#areBoundsInside) [arrayRandomIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#arrayRandomIndex) [Background](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Background) [BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BackgroundMask) [BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BackgroundMaskCover) [BaseRange](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BaseRange) [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcExactPositionOrRandomFromSize) [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcExactPositionOrRandomFromSizeRanged) [calcPositionFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionFromSize) [calcPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionOrRandomFromSize) [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionOrRandomFromSizeRanged) [calculateBounds](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calculateBounds) [cancelAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#cancelAnimation) [Canvas](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Canvas) [canvasFirstIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#canvasFirstIndex) [canvasTag](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#canvasTag) [Circle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Circle) [circleBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#circleBounce) [circleBounceDataFromParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#circleBounceDataFromParticle) [clamp](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clamp) [clear](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clear) [ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ClickEvent) [clickRadius](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clickRadius) [cloneStyle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#cloneStyle) [CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionMode) [Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Collisions) [CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionsAbsorb) [CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionsOverlap) [collisionVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#collisionVelocity) [ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ColorAnimation) [colorMix](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorMix) [colorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorToHsl) [colorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorToRgb) [Container](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Container) [countOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#countOffset) [CustomEventArgs](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CustomEventArgs) [CustomEventListener](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CustomEventListener) [decayOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#decayOffset) [deepExtend](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#deepExtend) [defaultAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultAlpha) [defaultAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultAngle) [defaultDensityFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultDensityFactor) [defaultFps](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultFps) [defaultFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultFpsLimit) [defaultLoops](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultLoops) [defaultOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultOpacity) [defaultRadius](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRadius) [defaultRatio](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRatio) [defaultReduceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultReduceFactor) [defaultRemoveQuantity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRemoveQuantity) [defaultRetryCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRetryCount) [defaultRgbMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRgbMin) [defaultTime](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTime) [defaultTransform](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTransform) [defaultTransformValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTransformValue) [defaultVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultVelocity) [degToRad](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#degToRad) [deleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#deleteCount) [DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DestroyType) [DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DivEvent) [divMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#divMode) [divModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#divModeExecute) [DivType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DivType) [double](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#double) [doublePI](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#doublePI) [drawEffect](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawEffect) [drawLine](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawLine) [drawParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawPlugin) [drawShape](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawShape) [drawShapeAfterDraw](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawShapeAfterDraw) [EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EasingType) [EasingTypeAlt](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EasingTypeAlt) [empty](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#empty) [Engine](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Engine) [errorPrefix](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#errorPrefix) [EventListeners](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EventListeners) [Events](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Events) [EventType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EventType) [executeOnSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#executeOnSingleOrMultiple) [ExportResult](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ExportResult) [ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ExternalInteractorBase) [findItemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#findItemFromSingleOrMultiple) [FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#FullScreen) [generatedAttribute](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedAttribute) [generatedFalse](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedFalse) [generatedTrue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedTrue) [getDistance](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getDistance) [getDistances](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getDistances) [getFullScreenStyle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getFullScreenStyle) [getHslAnimationFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getHslAnimationFromHsl) [getHslFromAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getHslFromAnimation) [getLinkColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLinkColor) [getLinkRandomColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLinkRandomColor) [getLogger](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLogger) [getParticleBaseVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getParticleBaseVelocity) [getParticleDirectionAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getParticleDirectionAngle) [getPosition](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getPosition) [getRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRandom) [getRandomRgbColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRandomRgbColor) [getRangeMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeMax) [getRangeMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeMin) [getRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeValue) [getSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getSize) [getStyleFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getStyleFromHsl) [getStyleFromRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getStyleFromRgb) [GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#GradientType) [half](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#half) [hasMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hasMatchMedia) [hMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hMax) [hMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hMin) [HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#HoverEvent) [hPhase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hPhase) [HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#HslAnimation) [hslaToRgba](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hslaToRgba) [hslToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hslToRgb) [IAlphaColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAlphaColor) [IAnimatable](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimatable) [IAnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimatableColor) [IAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimation) [IAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimationValueWithRandom) [IBackground](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackground) [IBackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackgroundMask) [IBackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackgroundMaskCover) [IBounds](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBounds) [IBubbleParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBubbleParticleData) [ICenterCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICenterCoordinates) [ICircleBouncer](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICircleBouncer) [IClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IClickEvent) [ICollisions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisions) [ICollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisionsAbsorb) [ICollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisionsOverlap) [IColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColor) [IColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColorAnimation) [IColorManager](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColorManager) [IContainerInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IContainerInteractivity) [IContainerPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IContainerPlugin) [ICoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinates) [ICoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinates3d) [ICoordinatesWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinatesWithMode) [IDelta](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDelta) [identity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#identity) [IDimension](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDimension) [IDimensionWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDimensionWithMode) [IDistance](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDistance) [IDivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDivEvent) [IDrawParticleParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDrawParticleParams) [IEffect](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEffect) [IEffectDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEffectDrawer) [IEvents](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEvents) [IExternalInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IExternalInteractor) [IFullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IFullScreen) [IHoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHoverEvent) [IHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsl) [IHsla](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsla) [IHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHslAnimation) [IHsv](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsv) [IHsva](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsva) [IInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IInteractivity) [IInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IInteractor) [ILch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILch) [ILcha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILcha) [ILoadParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILoadParams) [IManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IManualParticle) [IModeDiv](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IModeDiv) [IModes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IModes) [IMouseData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMouseData) [IMove](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMove) [IMoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveAngle) [IMoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveAttract) [IMoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveCenter) [IMoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveGravity) [IMovePath](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMovePath) [IMovePathGenerator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMovePathGenerator) [IMoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveTrail) [initParticleNumericAnimationValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#initParticleNumericAnimationValue) [InteractionManager](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractionManager) [Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Interactivity) [InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractivityDetect) [InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractorType) [inverseFactorNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#inverseFactorNumerator) [IOklch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOklch) [IOklcha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOklcha) [IOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOpacity) [IOpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOpacityAnimation) [IOptionLoader](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptionLoader) [IOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptions) [IOptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptionsColor) [IOutModes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOutModes) [IParallax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParallax) [IParticleColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleColorAnimation) [IParticleColorStyle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleColorStyle) [IParticleHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleHslAnimation) [IParticleLife](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleLife) [IParticleMover](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleMover) [IParticleNumericValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleNumericValueAnimation) [IParticleRetinaProps](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleRetinaProps) [IParticleRoll](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleRoll) [IParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesBounce) [IParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesDensity) [IParticlesInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesInteractor) [IParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesNumber) [IParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesNumberLimit) [IParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesOptions) [IParticleTransformValues](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleTransformValues) [IParticleUpdater](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleUpdater) [IParticleValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleValueAnimation) [IPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IPlugin) [IPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IPositionFromSizeParams) [IRangeColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeColor) [IRangedAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedAnimation) [IRangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedAnimationValueWithRandom) [IRangedCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedCoordinates) [IRangedCoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedCoordinates3d) [IRangedPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedPositionFromSizeParams) [IRangeHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeHsl) [IRangeHsv](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeHsv) [IRangeLch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeLch) [IRangeOklch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeOklch) [IRangeRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeRgb) [IRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeValue) [IRangeValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeValueColor) [IRectSideResult](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRectSideResult) [IResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IResizeEvent) [IResponsive](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IResponsive) [IRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRgb) [IRgba](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRgba) [isArray](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isArray) [isBoolean](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isBoolean) [isDivModeEnabled](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isDivModeEnabled) [isFunction](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isFunction) [IShadow](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShadow) [IShape](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShape) [IShapeDrawData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeDrawData) [IShapeDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeDrawer) [IShapeValues](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeValues) [isInArray](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isInArray) [ISize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISize) [ISizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISizeAnimation) [ISlowParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISlowParticleData) [isNull](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isNull) [isNumber](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isNumber) [isObject](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isObject) [ISourceOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISourceOptions) [ISpin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISpin) [isPointInside](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isPointInside) [isSsr](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isSsr) [isString](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isString) [IStroke](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IStroke) [itemFromArray](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#itemFromArray) [itemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#itemFromSingleOrMultiple) [ITheme](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ITheme) [IThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IThemeDefault) [ITrailFillData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ITrailFillData) [IValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IValueColor) [IValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IValueWithRandom) [IZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IZIndex) [lengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lengthOffset) [lFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lFactor) [LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#LimitMode) [lMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lMax) [lMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lMin) [loadFont](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadFont) [loadMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadMinIndex) [loadOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadParticlesOptions) [loadRandomFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadRandomFactor) [Main](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Main) [manualCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#manualCount) [manualDefaultPosition](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#manualDefaultPosition) [ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ManualParticle) [midColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#midColorValue) [millisecondsToSeconds](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#millisecondsToSeconds) [minCoordinate](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minCoordinate) [minCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minCount) [minFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minFpsLimit) [minimumLength](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minimumLength) [minimumSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minimumSize) [minIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minIndex) [minLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minLimit) [minRetries](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minRetries) [minStrokeWidth](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minStrokeWidth) [minVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minVelocity) [minZ](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minZ) [mix](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mix) [Modes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Modes) [mouseDownEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseDownEvent) [mouseLeaveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseLeaveEvent) [mouseMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseMoveEvent) [mouseOutEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseOutEvent) [mouseUpEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseUpEvent) [Move](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Move) [MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveAngle) [MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveAttract) [MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveCenter) [MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveDirection) [MoveDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveDirectionAlt) [MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveGravity) [MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MovePath) [MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveTrail) [none](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#none) [one](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#one) [Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Opacity) [OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OpacityAnimation) [Options](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Options) [OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OptionsColor) [originPoint](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#originPoint) [OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutMode) [OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutModeDirection) [OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutModes) [paintBase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#paintBase) [paintImage](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#paintImage) [Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Parallax) [parseAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#parseAlpha) [Particle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Particle) [ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticleOutType) [Particles](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Particles) [ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesBounce) [ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesBounceFactor) [ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesDensity) [ParticlesGroups](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesGroups) [ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesInteractorBase) [ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesNumber) [ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesNumberLimit) [ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesOptions) [PathOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#PathOptions) [percentDenominator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#percentDenominator) [phaseNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#phaseNumerator) [PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#PixelMode) [Point](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Point) [posOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#posOffset) [qTreeCapacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#qTreeCapacity) [QuadTree](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#QuadTree) [quarter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#quarter) [randomColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#randomColorValue) [randomInRange](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#randomInRange) [rangeColorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rangeColorToHsl) [rangeColorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rangeColorToRgb) [RangedAnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangedAnimationOptions) [RangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangedAnimationValueWithRandom) [RangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangeValue) [Rectangle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Rectangle) [rectBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rectBounce) [RecursivePartial](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RecursivePartial) [removeDeleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#removeDeleteCount) [removeMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#removeMinIndex) [resizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#resizeEvent) [ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ResizeEvent-1) [Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Responsive) [ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ResponsiveMode) [Retina](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Retina) [rgbFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbFactor) [rgbMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbMax) [rgbToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbToHsl) [rollFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rollFactor) [RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RotateDirection) [RotateDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RotateDirectionAlt) [safeIntersectionObserver](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeIntersectionObserver) [safeMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeMatchMedia) [safeMutationObserver](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeMutationObserver) [setAnimationFunctions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setAnimationFunctions) [setLogger](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setLogger) [setRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setRandom) [setRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setRangeValue) [sextuple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sextuple) [Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Shadow) [Shape](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Shape) [ShapeData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ShapeData) [singleDivModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#singleDivModeExecute) [SingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#SingleOrMultiple) [Size](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Size) [SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#SizeAnimation) [sizeFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sizeFactor) [sMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sMax) [sMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sMin) [sNormalizedOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sNormalizedOffset) [Spin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Spin) [squareExp](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#squareExp) [StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#StartValueType) [stringToAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#stringToAlpha) [stringToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#stringToRgb) [Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Stroke) [subdivideCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#subdivideCount) [Theme](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Theme) [ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ThemeDefault) [ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ThemeMode) [threeQuarter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#threeQuarter) [touchCancelEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchCancelEvent) [touchDelay](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchDelay) [touchEndEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchEndEvent) [touchEndLengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchEndLengthOffset) [touchMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchMoveEvent) [touchStartEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchStartEvent) [triple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#triple) [tryCountIncrement](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#tryCountIncrement) [updateAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateAnimation) [updateColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateColor) [updateColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateColorValue) [ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ValueWithRandom) [Vector](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Vector) [Vector3d](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Vector3d) [visibilityChangeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#visibilityChangeEvent) [ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ZIndex) [zIndexFactorOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#zIndexFactorOffset) ### Variables [tsParticles](https://particles.js.org/docs/variables/tsParticles_Engine.index.tsParticles.html) References ---------- ### alterHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#alterHsl) Re-exports [alterHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.alterHsl.html) ### AlterType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AlterType) Re-exports [AlterType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_AlterType.AlterType.html) ### AnimatableColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimatableColor) Re-exports [AnimatableColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimatableColor.AnimatableColor.html) ### animate[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#animate) Re-exports [animate](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.animate.html) ### AnimationMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationMode) Re-exports [AnimationMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_AnimationMode.AnimationMode.html) ### AnimationOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationOptions) Re-exports [AnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.AnimationOptions.html) ### AnimationStatus[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationStatus) Re-exports [AnimationStatus](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_AnimationStatus.AnimationStatus.html) ### AnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationValueWithRandom) Re-exports [AnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.AnimationValueWithRandom.html) ### areBoundsInside[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#areBoundsInside) Re-exports [areBoundsInside](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.areBoundsInside.html) ### arrayRandomIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#arrayRandomIndex) Re-exports [arrayRandomIndex](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.arrayRandomIndex.html) ### Background[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Background) Re-exports [Background](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Background_Background.Background.html) ### BackgroundMask[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BackgroundMask) Re-exports [BackgroundMask](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMask.BackgroundMask.html) ### BackgroundMaskCover[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BackgroundMaskCover) Re-exports [BackgroundMaskCover](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_BackgroundMask_BackgroundMaskCover.BackgroundMaskCover.html) ### BaseRange[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BaseRange) Re-exports [BaseRange](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.BaseRange.html) ### calcExactPositionOrRandomFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcExactPositionOrRandomFromSize) Re-exports [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcExactPositionOrRandomFromSize.html) ### calcExactPositionOrRandomFromSizeRanged[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcExactPositionOrRandomFromSizeRanged) Re-exports [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcExactPositionOrRandomFromSizeRanged.html) ### calcPositionFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionFromSize) Re-exports [calcPositionFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionFromSize.html) ### calcPositionOrRandomFromSize[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionOrRandomFromSize) Re-exports [calcPositionOrRandomFromSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionOrRandomFromSize.html) ### calcPositionOrRandomFromSizeRanged[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionOrRandomFromSizeRanged) Re-exports [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.calcPositionOrRandomFromSizeRanged.html) ### calculateBounds[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calculateBounds) Re-exports [calculateBounds](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.calculateBounds.html) ### cancelAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#cancelAnimation) Re-exports [cancelAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.cancelAnimation.html) ### Canvas[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Canvas) Re-exports [Canvas](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Canvas.Canvas.html) ### canvasFirstIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#canvasFirstIndex) Re-exports [canvasFirstIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasFirstIndex.html) ### canvasTag[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#canvasTag) Re-exports [canvasTag](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.canvasTag.html) ### Circle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Circle) Re-exports [Circle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Circle.html) ### circleBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#circleBounce) Re-exports [circleBounce](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.circleBounce.html) ### circleBounceDataFromParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#circleBounceDataFromParticle) Re-exports [circleBounceDataFromParticle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.circleBounceDataFromParticle.html) ### clamp[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clamp) Re-exports [clamp](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.clamp.html) ### clear[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clear) Re-exports [clear](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.clear.html) ### ClickEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ClickEvent) Re-exports [ClickEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ClickEvent.ClickEvent.html) ### clickRadius[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clickRadius) Re-exports [clickRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.clickRadius.html) ### cloneStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#cloneStyle) Re-exports [cloneStyle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.cloneStyle.html) ### CollisionMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionMode) Re-exports [CollisionMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_CollisionMode.CollisionMode.html) ### Collisions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Collisions) Re-exports [Collisions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_Collisions.Collisions.html) ### CollisionsAbsorb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionsAbsorb) Re-exports [CollisionsAbsorb](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsAbsorb.CollisionsAbsorb.html) ### CollisionsOverlap[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionsOverlap) Re-exports [CollisionsOverlap](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Collisions_CollisionsOverlap.CollisionsOverlap.html) ### collisionVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#collisionVelocity) Re-exports [collisionVelocity](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.collisionVelocity.html) ### ColorAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ColorAnimation) Re-exports [ColorAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ColorAnimation.ColorAnimation.html) ### colorMix[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorMix) Re-exports [colorMix](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorMix.html) ### colorToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorToHsl) Re-exports [colorToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorToHsl.html) ### colorToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorToRgb) Re-exports [colorToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.colorToRgb.html) ### Container[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Container) Re-exports [Container](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Container.Container.html) ### countOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#countOffset) Re-exports [countOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.countOffset.html) ### CustomEventArgs[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CustomEventArgs) Re-exports [CustomEventArgs](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_CustomEventArgs.CustomEventArgs.html) ### CustomEventListener[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CustomEventListener) Re-exports [CustomEventListener](https://particles.js.org/docs/types/tsParticles_Engine.Types_CustomEventListener.CustomEventListener.html) ### decayOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#decayOffset) Re-exports [decayOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.decayOffset.html) ### deepExtend[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#deepExtend) Re-exports [deepExtend](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.deepExtend.html) ### defaultAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultAlpha) Re-exports [defaultAlpha](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAlpha.html) ### defaultAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultAngle) Re-exports [defaultAngle](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultAngle.html) ### defaultDensityFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultDensityFactor) Re-exports [defaultDensityFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultDensityFactor.html) ### defaultFps[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultFps) Re-exports [defaultFps](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFps.html) ### defaultFpsLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultFpsLimit) Re-exports [defaultFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultFpsLimit.html) ### defaultLoops[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultLoops) Re-exports [defaultLoops](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultLoops.html) ### defaultOpacity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultOpacity) Re-exports [defaultOpacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultOpacity.html) ### defaultRadius[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRadius) Re-exports [defaultRadius](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRadius.html) ### defaultRatio[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRatio) Re-exports [defaultRatio](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRatio.html) ### defaultReduceFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultReduceFactor) Re-exports [defaultReduceFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultReduceFactor.html) ### defaultRemoveQuantity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRemoveQuantity) Re-exports [defaultRemoveQuantity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRemoveQuantity.html) ### defaultRetryCount[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRetryCount) Re-exports [defaultRetryCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRetryCount.html) ### defaultRgbMin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRgbMin) Re-exports [defaultRgbMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultRgbMin.html) ### defaultTime[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTime) Re-exports [defaultTime](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTime.html) ### defaultTransform[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTransform) Re-exports [defaultTransform](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransform.html) ### defaultTransformValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTransformValue) Re-exports [defaultTransformValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultTransformValue.html) ### defaultVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultVelocity) Re-exports [defaultVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.defaultVelocity.html) ### degToRad[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#degToRad) Re-exports [degToRad](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.degToRad.html) ### deleteCount[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#deleteCount) Re-exports [deleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.deleteCount.html) ### DestroyType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DestroyType) Re-exports [DestroyType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DestroyType.DestroyType.html) ### DivEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DivEvent) Re-exports [DivEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_DivEvent.DivEvent.html) ### divMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#divMode) Re-exports [divMode](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.divMode.html) ### divModeExecute[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#divModeExecute) Re-exports [divModeExecute](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.divModeExecute.html) ### DivType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DivType) Re-exports [DivType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_DivType.DivType.html) ### double[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#double) Re-exports [double](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.double.html) ### doublePI[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#doublePI) Re-exports [doublePI](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.doublePI.html) ### drawEffect[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawEffect) Re-exports [drawEffect](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawEffect.html) ### drawLine[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawLine) Re-exports [drawLine](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawLine.html) ### drawParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawParticle) Re-exports [drawParticle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawParticle.html) ### drawParticlePlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawParticlePlugin) Re-exports [drawParticlePlugin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawParticlePlugin.html) ### drawPlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawPlugin) Re-exports [drawPlugin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawPlugin.html) ### drawShape[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawShape) Re-exports [drawShape](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawShape.html) ### drawShapeAfterDraw[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawShapeAfterDraw) Re-exports [drawShapeAfterDraw](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.drawShapeAfterDraw.html) ### EasingType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EasingType) Re-exports [EasingType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EasingType.EasingType.html) ### EasingTypeAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EasingTypeAlt) Re-exports [EasingTypeAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Types_EasingType.EasingTypeAlt.html) ### empty[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#empty) Re-exports [empty](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.empty.html) ### Engine[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Engine) Re-exports [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) ### errorPrefix[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#errorPrefix) Re-exports [errorPrefix](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.errorPrefix.html) ### EventListeners[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EventListeners) Re-exports [EventListeners](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_EventListeners.EventListeners.html) ### Events[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Events) Re-exports [Events](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Events.Events.html) ### EventType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EventType) Re-exports [EventType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_EventType.EventType.html) ### executeOnSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#executeOnSingleOrMultiple) Re-exports [executeOnSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.executeOnSingleOrMultiple.html) ### ExportResult[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ExportResult) Re-exports [ExportResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_ExportResult.ExportResult.html) ### ExternalInteractorBase[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ExternalInteractorBase) Re-exports [ExternalInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ExternalInteractorBase.ExternalInteractorBase.html) ### findItemFromSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#findItemFromSingleOrMultiple) Re-exports [findItemFromSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.findItemFromSingleOrMultiple.html) ### FullScreen[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#FullScreen) Re-exports [FullScreen](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_FullScreen_FullScreen.FullScreen.html) ### generatedAttribute[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedAttribute) Re-exports [generatedAttribute](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedAttribute.html) ### generatedFalse[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedFalse) Re-exports [generatedFalse](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedFalse.html) ### generatedTrue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedTrue) Re-exports [generatedTrue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.generatedTrue.html) ### getDistance[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getDistance) Re-exports [getDistance](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getDistance.html) ### getDistances[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getDistances) Re-exports [getDistances](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getDistances.html) ### getFullScreenStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getFullScreenStyle) Re-exports [getFullScreenStyle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getFullScreenStyle.html) ### getHslAnimationFromHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getHslAnimationFromHsl) Re-exports [getHslAnimationFromHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getHslAnimationFromHsl.html) ### getHslFromAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getHslFromAnimation) Re-exports [getHslFromAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getHslFromAnimation.html) ### getLinkColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLinkColor) Re-exports [getLinkColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getLinkColor.html) ### getLinkRandomColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLinkRandomColor) Re-exports [getLinkRandomColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getLinkRandomColor.html) ### getLogger[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLogger) Re-exports [getLogger](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getLogger.html) ### getParticleBaseVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getParticleBaseVelocity) Re-exports [getParticleBaseVelocity](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getParticleBaseVelocity.html) ### getParticleDirectionAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getParticleDirectionAngle) Re-exports [getParticleDirectionAngle](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getParticleDirectionAngle.html) ### getPosition[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getPosition) Re-exports [getPosition](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getPosition.html) ### getRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRandom) Re-exports [getRandom](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRandom.html) ### getRandomRgbColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRandomRgbColor) Re-exports [getRandomRgbColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getRandomRgbColor.html) ### getRangeMax[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeMax) Re-exports [getRangeMax](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeMax.html) ### getRangeMin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeMin) Re-exports [getRangeMin](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeMin.html) ### getRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeValue) Re-exports [getRangeValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.getRangeValue.html) ### getSize[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getSize) Re-exports [getSize](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.getSize.html) ### getStyleFromHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getStyleFromHsl) Re-exports [getStyleFromHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getStyleFromHsl.html) ### getStyleFromRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getStyleFromRgb) Re-exports [getStyleFromRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.getStyleFromRgb.html) ### GradientType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#GradientType) Re-exports [GradientType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_GradientType.GradientType.html) ### half[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#half) Re-exports [half](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.half.html) ### hasMatchMedia[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hasMatchMedia) Re-exports [hasMatchMedia](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.hasMatchMedia.html) ### hMax[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hMax) Re-exports [hMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMax.html) ### hMin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hMin) Re-exports [hMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hMin.html) ### HoverEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#HoverEvent) Re-exports [HoverEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_HoverEvent.HoverEvent.html) ### hPhase[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hPhase) Re-exports [hPhase](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.hPhase.html) ### HslAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#HslAnimation) Re-exports [HslAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_HslAnimation.HslAnimation.html) ### hslaToRgba[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hslaToRgba) Re-exports [hslaToRgba](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.hslaToRgba.html) ### hslToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hslToRgb) Re-exports [hslToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.hslToRgb.html) ### IAlphaColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAlphaColor) Re-exports [IAlphaColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IAlphaColor.html) ### IAnimatable[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimatable) Re-exports [IAnimatable](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatable.IAnimatable.html) ### IAnimatableColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimatableColor) Re-exports [IAnimatableColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimatableColor.IAnimatableColor.html) ### IAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimation) Re-exports [IAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimation.IAnimation.html) ### IAnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimationValueWithRandom) Re-exports [IAnimationValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IAnimationValueWithRandom.html) ### IBackground[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackground) Re-exports [IBackground](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Background_IBackground.IBackground.html) ### IBackgroundMask[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackgroundMask) Re-exports [IBackgroundMask](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMask.IBackgroundMask.html) ### IBackgroundMaskCover[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackgroundMaskCover) Re-exports [IBackgroundMaskCover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_BackgroundMask_IBackgroundMaskCover.IBackgroundMaskCover.html) ### IBounds[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBounds) Re-exports [IBounds](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IBounds.IBounds.html) ### IBubbleParticleData[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBubbleParticleData) Re-exports [IBubbleParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IBubbleParticleData.IBubbleParticleData.html) ### ICenterCoordinates[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICenterCoordinates) Re-exports [ICenterCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICenterCoordinates.html) ### ICircleBouncer[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICircleBouncer) Re-exports [ICircleBouncer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICircleBouncer.ICircleBouncer.html) ### IClickEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IClickEvent) Re-exports [IClickEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IClickEvent.IClickEvent.html) ### ICollisions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisions) Re-exports [ICollisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html) ### ICollisionsAbsorb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisionsAbsorb) Re-exports [ICollisionsAbsorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsAbsorb.ICollisionsAbsorb.html) ### ICollisionsOverlap[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisionsOverlap) Re-exports [ICollisionsOverlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsOverlap.ICollisionsOverlap.html) ### IColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColor) Re-exports [IColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IColor.html) ### IColorAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColorAnimation) Re-exports [IColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IColorAnimation.IColorAnimation.html) ### IColorManager[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColorManager) Re-exports [IColorManager](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IColorManager.IColorManager.html) ### IContainerInteractivity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IContainerInteractivity) Re-exports [IContainerInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerInteractivity.IContainerInteractivity.html) ### IContainerPlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IContainerPlugin) Re-exports [IContainerPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IContainerPlugin.IContainerPlugin.html) ### ICoordinates[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinates) Re-exports [ICoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates.html) ### ICoordinates3d[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinates3d) Re-exports [ICoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinates3d.html) ### ICoordinatesWithMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinatesWithMode) Re-exports [ICoordinatesWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.ICoordinatesWithMode.html) ### IDelta[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDelta) Re-exports [IDelta](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDelta.IDelta.html) ### identity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#identity) Re-exports [identity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.identity.html) ### IDimension[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDimension) Re-exports [IDimension](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimension.html) ### IDimensionWithMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDimensionWithMode) Re-exports [IDimensionWithMode](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDimension.IDimensionWithMode.html) ### IDistance[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDistance) Re-exports [IDistance](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDistance.IDistance.html) ### IDivEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDivEvent) Re-exports [IDivEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IDivEvent.IDivEvent.html) ### IDrawParticleParams[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDrawParticleParams) Re-exports [IDrawParticleParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IDrawParticleParams.IDrawParticleParams.html) ### IEffect[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEffect) Re-exports [IEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html) ### IEffectDrawer[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEffectDrawer) Re-exports [IEffectDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IEffectDrawer.IEffectDrawer.html) ### IEvents[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEvents) Re-exports [IEvents](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IEvents.IEvents.html) ### IExternalInteractor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IExternalInteractor) Re-exports [IExternalInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IExternalInteractor.IExternalInteractor.html) ### IFullScreen[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IFullScreen) Re-exports [IFullScreen](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_FullScreen_IFullScreen.IFullScreen.html) ### IHoverEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHoverEvent) Re-exports [IHoverEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IHoverEvent.IHoverEvent.html) ### IHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsl) Re-exports [IHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsl.html) ### IHsla[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsla) Re-exports [IHsla](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsla.html) ### IHslAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHslAnimation) Re-exports [IHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IHslAnimation.IHslAnimation.html) ### IHsv[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsv) Re-exports [IHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsv.html) ### IHsva[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsva) Re-exports [IHsva](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IHsva.html) ### IInteractivity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IInteractivity) Re-exports [IInteractivity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_IInteractivity.IInteractivity.html) ### IInteractor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IInteractor) Re-exports [IInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IInteractor.IInteractor.html) ### ILch[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILch) Re-exports [ILch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.ILch.html) ### ILcha[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILcha) Re-exports [ILcha](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.ILcha.html) ### ILoadParams[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILoadParams) Re-exports [ILoadParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ILoadParams.ILoadParams.html) ### IManualParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IManualParticle) Re-exports [IManualParticle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IManualParticle.IManualParticle.html) ### IModeDiv[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IModeDiv) Re-exports [IModeDiv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModeDiv.IModeDiv.html) ### IModes[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IModes) Re-exports [IModes](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Interactivity_Modes_IModes.IModes.html) ### IMouseData[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMouseData) Re-exports [IMouseData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMouseData.IMouseData.html) ### IMove[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMove) Re-exports [IMove](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html) ### IMoveAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveAngle) Re-exports [IMoveAngle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAngle.IMoveAngle.html) ### IMoveAttract[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveAttract) Re-exports [IMoveAttract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAttract.IMoveAttract.html) ### IMoveCenter[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveCenter) Re-exports [IMoveCenter](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveCenter.IMoveCenter.html) ### IMoveGravity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveGravity) Re-exports [IMoveGravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveGravity.IMoveGravity.html) ### IMovePath[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMovePath) Re-exports [IMovePath](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_Path_IMovePath.IMovePath.html) ### IMovePathGenerator[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMovePathGenerator) Re-exports [IMovePathGenerator](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IMovePathGenerator.IMovePathGenerator.html) ### IMoveTrail[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveTrail) Re-exports [IMoveTrail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrail.IMoveTrail.html) ### initParticleNumericAnimationValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#initParticleNumericAnimationValue) Re-exports [initParticleNumericAnimationValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.initParticleNumericAnimationValue.html) ### InteractionManager[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractionManager) Re-exports [InteractionManager](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_InteractionManager.InteractionManager.html) ### Interactivity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Interactivity) Re-exports [Interactivity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Interactivity.Interactivity.html) ### InteractivityDetect[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractivityDetect) Re-exports [InteractivityDetect](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_InteractivityDetect.InteractivityDetect.html) ### InteractorType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractorType) Re-exports [InteractorType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_InteractorType.InteractorType.html) ### inverseFactorNumerator[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#inverseFactorNumerator) Re-exports [inverseFactorNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.inverseFactorNumerator.html) ### IOklch[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOklch) Re-exports [IOklch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IOklch.html) ### IOklcha[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOklcha) Re-exports [IOklcha](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IOklcha.html) ### IOpacity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOpacity) Re-exports [IOpacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html) ### IOpacityAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOpacityAnimation) Re-exports [IOpacityAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacityAnimation.IOpacityAnimation.html) ### IOptionLoader[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptionLoader) Re-exports [IOptionLoader](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptionLoader.IOptionLoader.html) ### IOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptions) Re-exports [IOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IOptions.IOptions.html) ### IOptionsColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptionsColor) Re-exports [IOptionsColor](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_IOptionsColor.IOptionsColor.html) ### IOutModes[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOutModes) Re-exports [IOutModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IOutModes.IOutModes.html) ### IParallax[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParallax) Re-exports [IParallax](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IParallax.IParallax.html) ### IParticleColorAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleColorAnimation) Re-exports [IParticleColorAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleColorAnimation.html) ### IParticleColorStyle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleColorStyle) Re-exports [IParticleColorStyle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleColorStyle.IParticleColorStyle.html) ### IParticleHslAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleHslAnimation) Re-exports [IParticleHslAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleHslAnimation.IParticleHslAnimation.html) ### IParticleLife[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleLife) Re-exports [IParticleLife](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleLife.IParticleLife.html) ### IParticleMover[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleMover) Re-exports [IParticleMover](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleMover.IParticleMover.html) ### IParticleNumericValueAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleNumericValueAnimation) Re-exports [IParticleNumericValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleNumericValueAnimation.html) ### IParticleRetinaProps[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleRetinaProps) Re-exports [IParticleRetinaProps](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRetinaProps.IParticleRetinaProps.html) ### IParticleRoll[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleRoll) Re-exports [IParticleRoll](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleRoll.IParticleRoll.html) ### IParticlesBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesBounce) Re-exports [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) ### IParticlesDensity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesDensity) Re-exports [IParticlesDensity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesDensity.IParticlesDensity.html) ### IParticlesInteractor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesInteractor) Re-exports [IParticlesInteractor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticlesInteractor.IParticlesInteractor.html) ### IParticlesNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesNumber) Re-exports [IParticlesNumber](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html) ### IParticlesNumberLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesNumberLimit) Re-exports [IParticlesNumberLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumberLimit.IParticlesNumberLimit.html) ### IParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesOptions) Re-exports [IParticlesOptions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IParticlesOptions.IParticlesOptions.html) ### IParticleTransformValues[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleTransformValues) Re-exports [IParticleTransformValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleTransformValues.IParticleTransformValues.html) ### IParticleUpdater[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleUpdater) Re-exports [IParticleUpdater](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleUpdater.IParticleUpdater.html) ### IParticleValueAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleValueAnimation) Re-exports [IParticleValueAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IParticleValueAnimation.IParticleValueAnimation.html) ### IPlugin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IPlugin) Re-exports [IPlugin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPlugin.IPlugin.html) ### IPositionFromSizeParams[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IPositionFromSizeParams) Re-exports [IPositionFromSizeParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.IPositionFromSizeParams.html) ### IRangeColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeColor) Re-exports [IRangeColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeColor.html) ### IRangedAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedAnimation) Re-exports [IRangedAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IAnimation.IRangedAnimation.html) ### IRangedAnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedAnimationValueWithRandom) Re-exports [IRangedAnimationValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IRangedAnimationValueWithRandom.html) ### IRangedCoordinates[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedCoordinates) Re-exports [IRangedCoordinates](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.IRangedCoordinates.html) ### IRangedCoordinates3d[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedCoordinates3d) Re-exports [IRangedCoordinates3d](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ICoordinates.IRangedCoordinates3d.html) ### IRangedPositionFromSizeParams[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedPositionFromSizeParams) Re-exports [IRangedPositionFromSizeParams](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IPositionFromSizeParams.IRangedPositionFromSizeParams.html) ### IRangeHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeHsl) Re-exports [IRangeHsl](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsl.html) ### IRangeHsv[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeHsv) Re-exports [IRangeHsv](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeHsv.html) ### IRangeLch[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeLch) Re-exports [IRangeLch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeLch.html) ### IRangeOklch[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeOklch) Re-exports [IRangeOklch](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeOklch.html) ### IRangeRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeRgb) Re-exports [IRangeRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeRgb.html) ### IRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeValue) Re-exports [IRangeValue](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRangeValue.IRangeValue.html) ### IRangeValueColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeValueColor) Re-exports [IRangeValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRangeValueColor.html) ### IRectSideResult[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRectSideResult) Re-exports [IRectSideResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IRectSideResult.IRectSideResult.html) ### IResizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IResizeEvent) Re-exports [IResizeEvent](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Interactivity_Events_IResizeEvent.IResizeEvent.html) ### IResponsive[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IResponsive) Re-exports [IResponsive](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IResponsive.IResponsive.html) ### IRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRgb) Re-exports [IRgb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgb.html) ### IRgba[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRgba) Re-exports [IRgba](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IRgba.html) ### isArray[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isArray) Re-exports [isArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isArray.html) ### isBoolean[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isBoolean) Re-exports [isBoolean](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isBoolean.html) ### isDivModeEnabled[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isDivModeEnabled) Re-exports [isDivModeEnabled](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isDivModeEnabled.html) ### isFunction[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isFunction) Re-exports [isFunction](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isFunction.html) ### IShadow[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShadow) Re-exports [IShadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html) ### IShape[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShape) Re-exports [IShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html) ### IShapeDrawData[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeDrawData) Re-exports [IShapeDrawData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawData.IShapeDrawData.html) ### IShapeDrawer[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeDrawer) Re-exports [IShapeDrawer](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeDrawer.IShapeDrawer.html) ### IShapeValues[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeValues) Re-exports [IShapeValues](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_IShapeValues.IShapeValues.html) ### isInArray[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isInArray) Re-exports [isInArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isInArray.html) ### ISize[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISize) Re-exports [ISize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html) ### ISizeAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISizeAnimation) Re-exports [ISizeAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISizeAnimation.ISizeAnimation.html) ### ISlowParticleData[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISlowParticleData) Re-exports [ISlowParticleData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ISlowParticleData.ISlowParticleData.html) ### isNull[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isNull) Re-exports [isNull](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isNull.html) ### isNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isNumber) Re-exports [isNumber](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isNumber.html) ### isObject[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isObject) Re-exports [isObject](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isObject.html) ### ISourceOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISourceOptions) Re-exports [ISourceOptions](https://particles.js.org/docs/types/tsParticles_Engine.Types_ISourceOptions.ISourceOptions.html) ### ISpin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISpin) Re-exports [ISpin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_ISpin.ISpin.html) ### isPointInside[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isPointInside) Re-exports [isPointInside](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isPointInside.html) ### isSsr[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isSsr) Re-exports [isSsr](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.isSsr.html) ### isString[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isString) Re-exports [isString](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_TypeUtils.isString.html) ### IStroke[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IStroke) Re-exports [IStroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html) ### itemFromArray[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#itemFromArray) Re-exports [itemFromArray](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.itemFromArray.html) ### itemFromSingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#itemFromSingleOrMultiple) Re-exports [itemFromSingleOrMultiple](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.itemFromSingleOrMultiple.html) ### ITheme[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ITheme) Re-exports [ITheme](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_ITheme.ITheme.html) ### IThemeDefault[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IThemeDefault) Re-exports [IThemeDefault](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html) ### ITrailFillData[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ITrailFillData) Re-exports [ITrailFillData](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_ITrailFillData.ITrailFillData.html) ### IValueColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IValueColor) Re-exports [IValueColor](https://particles.js.org/docs/interfaces/tsParticles_Engine.Core_Interfaces_Colors.IValueColor.html) ### IValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IValueWithRandom) Re-exports [IValueWithRandom](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_IValueWithRandom.IValueWithRandom.html) ### IZIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IZIndex) Re-exports [IZIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html) ### lengthOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lengthOffset) Re-exports [lengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lengthOffset.html) ### lFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lFactor) Re-exports [lFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lFactor.html) ### LimitMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#LimitMode) Re-exports [LimitMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_LimitMode.LimitMode.html) ### lMax[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lMax) Re-exports [lMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMax.html) ### lMin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lMin) Re-exports [lMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.lMin.html) ### loadFont[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadFont) Re-exports [loadFont](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.loadFont.html) ### loadMinIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadMinIndex) Re-exports [loadMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadMinIndex.html) ### loadOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadOptions) Re-exports [loadOptions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_OptionsUtils.loadOptions.html) ### loadParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadParticlesOptions) Re-exports [loadParticlesOptions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_OptionsUtils.loadParticlesOptions.html) ### loadRandomFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadRandomFactor) Re-exports [loadRandomFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.loadRandomFactor.html) ### Main[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Main) Renames and re-exports [Engine](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Engine.Engine.html) ### manualCount[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#manualCount) Re-exports [manualCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualCount.html) ### manualDefaultPosition[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#manualDefaultPosition) Re-exports [manualDefaultPosition](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.manualDefaultPosition.html) ### ManualParticle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ManualParticle) Re-exports [ManualParticle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ManualParticle.ManualParticle.html) ### midColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#midColorValue) Re-exports [midColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.midColorValue.html) ### millisecondsToSeconds[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#millisecondsToSeconds) Re-exports [millisecondsToSeconds](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.millisecondsToSeconds.html) ### minCoordinate[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minCoordinate) Re-exports [minCoordinate](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCoordinate.html) ### minCount[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minCount) Re-exports [minCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minCount.html) ### minFpsLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minFpsLimit) Re-exports [minFpsLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minFpsLimit.html) ### minimumLength[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minimumLength) Re-exports [minimumLength](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumLength.html) ### minimumSize[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minimumSize) Re-exports [minimumSize](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minimumSize.html) ### minIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minIndex) Re-exports [minIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minIndex.html) ### minLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minLimit) Re-exports [minLimit](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minLimit.html) ### minRetries[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minRetries) Re-exports [minRetries](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minRetries.html) ### minStrokeWidth[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minStrokeWidth) Re-exports [minStrokeWidth](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minStrokeWidth.html) ### minVelocity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minVelocity) Re-exports [minVelocity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minVelocity.html) ### minZ[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minZ) Re-exports [minZ](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.minZ.html) ### mix[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mix) Re-exports [mix](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.mix.html) ### Modes[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Modes) Re-exports [Modes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Modes_Modes.Modes.html) ### mouseDownEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseDownEvent) Re-exports [mouseDownEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseDownEvent.html) ### mouseLeaveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseLeaveEvent) Re-exports [mouseLeaveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseLeaveEvent.html) ### mouseMoveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseMoveEvent) Re-exports [mouseMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseMoveEvent.html) ### mouseOutEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseOutEvent) Re-exports [mouseOutEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseOutEvent.html) ### mouseUpEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseUpEvent) Re-exports [mouseUpEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.mouseUpEvent.html) ### Move[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Move) Re-exports [Move](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Move.Move.html) ### MoveAngle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveAngle) Re-exports [MoveAngle](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAngle.MoveAngle.html) ### MoveAttract[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveAttract) Re-exports [MoveAttract](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveAttract.MoveAttract.html) ### MoveCenter[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveCenter) Re-exports [MoveCenter](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveCenter.MoveCenter.html) ### MoveDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveDirection) Re-exports [MoveDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirection.html) ### MoveDirectionAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveDirectionAlt) Re-exports [MoveDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_MoveDirection.MoveDirectionAlt.html) ### MoveGravity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveGravity) Re-exports [MoveGravity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveGravity.MoveGravity.html) ### MovePath[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MovePath) Re-exports [MovePath](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Path_MovePath.MovePath.html) ### MoveTrail[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveTrail) Re-exports [MoveTrail](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_MoveTrail.MoveTrail.html) ### none[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#none) Re-exports [none](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.none.html) ### one[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#one) Re-exports [one](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.one.html) ### Opacity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Opacity) Re-exports [Opacity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_Opacity.Opacity.html) ### OpacityAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OpacityAnimation) Re-exports [OpacityAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Opacity_OpacityAnimation.OpacityAnimation.html) ### Options[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Options) Re-exports [Options](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Options.Options.html) ### OptionsColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OptionsColor) Re-exports [OptionsColor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_OptionsColor.OptionsColor.html) ### originPoint[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#originPoint) Re-exports [originPoint](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.originPoint.html) ### OutMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutMode) Re-exports [OutMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_OutMode.OutMode.html) ### OutModeDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutModeDirection) Re-exports [OutModeDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_OutModeDirection.OutModeDirection.html) ### OutModes[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutModes) Re-exports [OutModes](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_OutModes.OutModes.html) ### paintBase[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#paintBase) Re-exports [paintBase](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.paintBase.html) ### paintImage[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#paintImage) Re-exports [paintImage](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_CanvasUtils.paintImage.html) ### Parallax[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Parallax) Re-exports [Parallax](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_Parallax.Parallax.html) ### parseAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#parseAlpha) Re-exports [parseAlpha](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.parseAlpha.html) ### Particle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Particle) Re-exports [Particle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particle.Particle.html) ### ParticleOutType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticleOutType) Re-exports [ParticleOutType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_ParticleOutType.ParticleOutType.html) ### Particles[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Particles) Re-exports [Particles](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Particles.Particles.html) ### ParticlesBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesBounce) Re-exports [ParticlesBounce](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounce.ParticlesBounce.html) ### ParticlesBounceFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesBounceFactor) Re-exports [ParticlesBounceFactor](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Bounce_ParticlesBounceFactor.ParticlesBounceFactor.html) ### ParticlesDensity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesDensity) Re-exports [ParticlesDensity](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesDensity.ParticlesDensity.html) ### ParticlesGroups[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesGroups) Re-exports [ParticlesGroups](https://particles.js.org/docs/types/tsParticles_Engine.Types_ParticlesGroups.ParticlesGroups.html) ### ParticlesInteractorBase[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesInteractorBase) Re-exports [ParticlesInteractorBase](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_ParticlesInteractorBase.ParticlesInteractorBase.html) ### ParticlesNumber[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesNumber) Re-exports [ParticlesNumber](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumber.ParticlesNumber.html) ### ParticlesNumberLimit[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesNumberLimit) Re-exports [ParticlesNumberLimit](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Number_ParticlesNumberLimit.ParticlesNumberLimit.html) ### ParticlesOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesOptions) Re-exports [ParticlesOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ParticlesOptions.ParticlesOptions.html) ### PathOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#PathOptions) Re-exports [PathOptions](https://particles.js.org/docs/types/tsParticles_Engine.Types_PathOptions.PathOptions.html) ### percentDenominator[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#percentDenominator) Re-exports [percentDenominator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.percentDenominator.html) ### phaseNumerator[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#phaseNumerator) Re-exports [phaseNumerator](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.phaseNumerator.html) ### PixelMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#PixelMode) Re-exports [PixelMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_PixelMode.PixelMode.html) ### Point[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Point) Re-exports [Point](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Point.Point.html) ### posOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#posOffset) Re-exports [posOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.posOffset.html) ### qTreeCapacity[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#qTreeCapacity) Re-exports [qTreeCapacity](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.qTreeCapacity.html) ### QuadTree[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#QuadTree) Re-exports [QuadTree](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_QuadTree.QuadTree.html) ### quarter[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#quarter) Re-exports [quarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.quarter.html) ### randomColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#randomColorValue) Re-exports [randomColorValue](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.randomColorValue.html) ### randomInRange[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#randomInRange) Re-exports [randomInRange](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.randomInRange.html) ### rangeColorToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rangeColorToHsl) Re-exports [rangeColorToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rangeColorToHsl.html) ### rangeColorToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rangeColorToRgb) Re-exports [rangeColorToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rangeColorToRgb.html) ### RangedAnimationOptions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangedAnimationOptions) Re-exports [RangedAnimationOptions](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_AnimationOptions.RangedAnimationOptions.html) ### RangedAnimationValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangedAnimationValueWithRandom) Re-exports [RangedAnimationValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.RangedAnimationValueWithRandom.html) ### RangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangeValue) Re-exports [RangeValue](https://particles.js.org/docs/types/tsParticles_Engine.Types_RangeValue.RangeValue.html) ### Rectangle[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Rectangle) Re-exports [Rectangle](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Ranges.Rectangle.html) ### rectBounce[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rectBounce) Re-exports [rectBounce](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.rectBounce.html) ### RecursivePartial[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RecursivePartial) Re-exports [RecursivePartial](https://particles.js.org/docs/types/tsParticles_Engine.Types_RecursivePartial.RecursivePartial.html) ### removeDeleteCount[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#removeDeleteCount) Re-exports [removeDeleteCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeDeleteCount.html) ### removeMinIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#removeMinIndex) Re-exports [removeMinIndex](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.removeMinIndex.html) ### resizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#resizeEvent) Re-exports [resizeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.resizeEvent.html) ### ResizeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ResizeEvent-1) Re-exports [ResizeEvent](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Interactivity_Events_ResizeEvent.ResizeEvent.html) ### Responsive[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Responsive) Re-exports [Responsive](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Responsive.Responsive.html) ### ResponsiveMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ResponsiveMode) Re-exports [ResponsiveMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ResponsiveMode.ResponsiveMode.html) ### Retina[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Retina) Re-exports [Retina](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Retina.Retina.html) ### rgbFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbFactor) Re-exports [rgbFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbFactor.html) ### rgbMax[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbMax) Re-exports [rgbMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rgbMax.html) ### rgbToHsl[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbToHsl) Re-exports [rgbToHsl](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.rgbToHsl.html) ### rollFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rollFactor) Re-exports [rollFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.rollFactor.html) ### RotateDirection[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RotateDirection) Re-exports [RotateDirection](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirection.html) ### RotateDirectionAlt[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RotateDirectionAlt) Re-exports [RotateDirectionAlt](https://particles.js.org/docs/types/tsParticles_Engine.Enums_Directions_RotateDirection.RotateDirectionAlt.html) ### safeIntersectionObserver[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeIntersectionObserver) Re-exports [safeIntersectionObserver](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeIntersectionObserver.html) ### safeMatchMedia[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeMatchMedia) Re-exports [safeMatchMedia](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeMatchMedia.html) ### safeMutationObserver[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeMutationObserver) Re-exports [safeMutationObserver](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.safeMutationObserver.html) ### setAnimationFunctions[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setAnimationFunctions) Re-exports [setAnimationFunctions](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setAnimationFunctions.html) ### setLogger[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setLogger) Re-exports [setLogger](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.setLogger.html) ### setRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setRandom) Re-exports [setRandom](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setRandom.html) ### setRangeValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setRangeValue) Re-exports [setRangeValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_NumberUtils.setRangeValue.html) ### sextuple[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sextuple) Re-exports [sextuple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sextuple.html) ### Shadow[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Shadow) Re-exports [Shadow](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shadow.Shadow.html) ### Shape[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Shape) Re-exports [Shape](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Shape_Shape.Shape.html) ### ShapeData[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ShapeData) Re-exports [ShapeData](https://particles.js.org/docs/types/tsParticles_Engine.Types_ShapeData.ShapeData.html) ### singleDivModeExecute[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#singleDivModeExecute) Re-exports [singleDivModeExecute](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.singleDivModeExecute.html) ### SingleOrMultiple[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#SingleOrMultiple) Re-exports [SingleOrMultiple](https://particles.js.org/docs/types/tsParticles_Engine.Types_SingleOrMultiple.SingleOrMultiple.html) ### Size[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Size) Re-exports [Size](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_Size.Size.html) ### SizeAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#SizeAnimation) Re-exports [SizeAnimation](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Size_SizeAnimation.SizeAnimation.html) ### sizeFactor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sizeFactor) Re-exports [sizeFactor](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sizeFactor.html) ### sMax[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sMax) Re-exports [sMax](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMax.html) ### sMin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sMin) Re-exports [sMin](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sMin.html) ### sNormalizedOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sNormalizedOffset) Re-exports [sNormalizedOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.sNormalizedOffset.html) ### Spin[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Spin) Re-exports [Spin](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Move_Spin.Spin.html) ### squareExp[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#squareExp) Re-exports [squareExp](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.squareExp.html) ### StartValueType[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#StartValueType) Re-exports [StartValueType](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Types_StartValueType.StartValueType.html) ### stringToAlpha[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#stringToAlpha) Re-exports [stringToAlpha](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.stringToAlpha.html) ### stringToRgb[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#stringToRgb) Re-exports [stringToRgb](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.stringToRgb.html) ### Stroke[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Stroke) Re-exports [Stroke](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_Stroke.Stroke.html) ### subdivideCount[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#subdivideCount) Re-exports [subdivideCount](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.subdivideCount.html) ### Theme[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Theme) Re-exports [Theme](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_Theme.Theme.html) ### ThemeDefault[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ThemeDefault) Re-exports [ThemeDefault](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Theme_ThemeDefault.ThemeDefault.html) ### ThemeMode[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ThemeMode) Re-exports [ThemeMode](https://particles.js.org/docs/enums/tsParticles_Engine.Enums_Modes_ThemeMode.ThemeMode.html) ### threeQuarter[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#threeQuarter) Re-exports [threeQuarter](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.threeQuarter.html) ### touchCancelEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchCancelEvent) Re-exports [touchCancelEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchCancelEvent.html) ### touchDelay[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchDelay) Re-exports [touchDelay](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchDelay.html) ### touchEndEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchEndEvent) Re-exports [touchEndEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndEvent.html) ### touchEndLengthOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchEndLengthOffset) Re-exports [touchEndLengthOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchEndLengthOffset.html) ### touchMoveEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchMoveEvent) Re-exports [touchMoveEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchMoveEvent.html) ### touchStartEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchStartEvent) Re-exports [touchStartEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.touchStartEvent.html) ### triple[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#triple) Re-exports [triple](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.triple.html) ### tryCountIncrement[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#tryCountIncrement) Re-exports [tryCountIncrement](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.tryCountIncrement.html) ### updateAnimation[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateAnimation) Re-exports [updateAnimation](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_Utils.updateAnimation.html) ### updateColor[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateColor) Re-exports [updateColor](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.updateColor.html) ### updateColorValue[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateColorValue) Re-exports [updateColorValue](https://particles.js.org/docs/functions/tsParticles_Engine.Utils_ColorUtils.updateColorValue.html) ### ValueWithRandom[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ValueWithRandom) Re-exports [ValueWithRandom](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_ValueWithRandom.ValueWithRandom.html) ### Vector[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Vector) Re-exports [Vector](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector.html) ### Vector3d[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Vector3d) Re-exports [Vector3d](https://particles.js.org/docs/classes/tsParticles_Engine.Core_Utils_Vectors.Vector3d.html) ### visibilityChangeEvent[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#visibilityChangeEvent) Re-exports [visibilityChangeEvent](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.visibilityChangeEvent.html) ### ZIndex[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ZIndex) Re-exports [ZIndex](https://particles.js.org/docs/classes/tsParticles_Engine.Options_Classes_Particles_ZIndex_ZIndex.ZIndex.html) ### zIndexFactorOffset[](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#zIndexFactorOffset) Re-exports [zIndexFactorOffset](https://particles.js.org/docs/variables/tsParticles_Engine.Core_Utils_Constants.zIndexFactorOffset.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ### On This Page References [alterHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#alterHsl) [AlterType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AlterType) [AnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimatableColor) [animate](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#animate) [AnimationMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationMode) [AnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationOptions) [AnimationStatus](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationStatus) [AnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#AnimationValueWithRandom) [areBoundsInside](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#areBoundsInside) [arrayRandomIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#arrayRandomIndex) [Background](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Background) [BackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BackgroundMask) [BackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BackgroundMaskCover) [BaseRange](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#BaseRange) [calcExactPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcExactPositionOrRandomFromSize) [calcExactPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcExactPositionOrRandomFromSizeRanged) [calcPositionFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionFromSize) [calcPositionOrRandomFromSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionOrRandomFromSize) [calcPositionOrRandomFromSizeRanged](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calcPositionOrRandomFromSizeRanged) [calculateBounds](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#calculateBounds) [cancelAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#cancelAnimation) [Canvas](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Canvas) [canvasFirstIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#canvasFirstIndex) [canvasTag](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#canvasTag) [Circle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Circle) [circleBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#circleBounce) [circleBounceDataFromParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#circleBounceDataFromParticle) [clamp](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clamp) [clear](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clear) [ClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ClickEvent) [clickRadius](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#clickRadius) [cloneStyle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#cloneStyle) [CollisionMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionMode) [Collisions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Collisions) [CollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionsAbsorb) [CollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CollisionsOverlap) [collisionVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#collisionVelocity) [ColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ColorAnimation) [colorMix](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorMix) [colorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorToHsl) [colorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#colorToRgb) [Container](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Container) [countOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#countOffset) [CustomEventArgs](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CustomEventArgs) [CustomEventListener](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#CustomEventListener) [decayOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#decayOffset) [deepExtend](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#deepExtend) [defaultAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultAlpha) [defaultAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultAngle) [defaultDensityFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultDensityFactor) [defaultFps](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultFps) [defaultFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultFpsLimit) [defaultLoops](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultLoops) [defaultOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultOpacity) [defaultRadius](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRadius) [defaultRatio](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRatio) [defaultReduceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultReduceFactor) [defaultRemoveQuantity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRemoveQuantity) [defaultRetryCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRetryCount) [defaultRgbMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultRgbMin) [defaultTime](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTime) [defaultTransform](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTransform) [defaultTransformValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultTransformValue) [defaultVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#defaultVelocity) [degToRad](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#degToRad) [deleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#deleteCount) [DestroyType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DestroyType) [DivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DivEvent) [divMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#divMode) [divModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#divModeExecute) [DivType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#DivType) [double](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#double) [doublePI](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#doublePI) [drawEffect](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawEffect) [drawLine](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawLine) [drawParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawParticle) [drawParticlePlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawParticlePlugin) [drawPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawPlugin) [drawShape](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawShape) [drawShapeAfterDraw](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#drawShapeAfterDraw) [EasingType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EasingType) [EasingTypeAlt](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EasingTypeAlt) [empty](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#empty) [Engine](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Engine) [errorPrefix](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#errorPrefix) [EventListeners](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EventListeners) [Events](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Events) [EventType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#EventType) [executeOnSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#executeOnSingleOrMultiple) [ExportResult](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ExportResult) [ExternalInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ExternalInteractorBase) [findItemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#findItemFromSingleOrMultiple) [FullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#FullScreen) [generatedAttribute](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedAttribute) [generatedFalse](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedFalse) [generatedTrue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#generatedTrue) [getDistance](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getDistance) [getDistances](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getDistances) [getFullScreenStyle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getFullScreenStyle) [getHslAnimationFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getHslAnimationFromHsl) [getHslFromAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getHslFromAnimation) [getLinkColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLinkColor) [getLinkRandomColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLinkRandomColor) [getLogger](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getLogger) [getParticleBaseVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getParticleBaseVelocity) [getParticleDirectionAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getParticleDirectionAngle) [getPosition](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getPosition) [getRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRandom) [getRandomRgbColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRandomRgbColor) [getRangeMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeMax) [getRangeMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeMin) [getRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getRangeValue) [getSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getSize) [getStyleFromHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getStyleFromHsl) [getStyleFromRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#getStyleFromRgb) [GradientType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#GradientType) [half](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#half) [hasMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hasMatchMedia) [hMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hMax) [hMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hMin) [HoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#HoverEvent) [hPhase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hPhase) [HslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#HslAnimation) [hslaToRgba](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hslaToRgba) [hslToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#hslToRgb) [IAlphaColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAlphaColor) [IAnimatable](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimatable) [IAnimatableColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimatableColor) [IAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimation) [IAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IAnimationValueWithRandom) [IBackground](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackground) [IBackgroundMask](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackgroundMask) [IBackgroundMaskCover](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBackgroundMaskCover) [IBounds](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBounds) [IBubbleParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IBubbleParticleData) [ICenterCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICenterCoordinates) [ICircleBouncer](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICircleBouncer) [IClickEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IClickEvent) [ICollisions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisions) [ICollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisionsAbsorb) [ICollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICollisionsOverlap) [IColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColor) [IColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColorAnimation) [IColorManager](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IColorManager) [IContainerInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IContainerInteractivity) [IContainerPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IContainerPlugin) [ICoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinates) [ICoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinates3d) [ICoordinatesWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ICoordinatesWithMode) [IDelta](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDelta) [identity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#identity) [IDimension](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDimension) [IDimensionWithMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDimensionWithMode) [IDistance](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDistance) [IDivEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDivEvent) [IDrawParticleParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IDrawParticleParams) [IEffect](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEffect) [IEffectDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEffectDrawer) [IEvents](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IEvents) [IExternalInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IExternalInteractor) [IFullScreen](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IFullScreen) [IHoverEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHoverEvent) [IHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsl) [IHsla](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsla) [IHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHslAnimation) [IHsv](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsv) [IHsva](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IHsva) [IInteractivity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IInteractivity) [IInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IInteractor) [ILch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILch) [ILcha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILcha) [ILoadParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ILoadParams) [IManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IManualParticle) [IModeDiv](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IModeDiv) [IModes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IModes) [IMouseData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMouseData) [IMove](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMove) [IMoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveAngle) [IMoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveAttract) [IMoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveCenter) [IMoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveGravity) [IMovePath](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMovePath) [IMovePathGenerator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMovePathGenerator) [IMoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IMoveTrail) [initParticleNumericAnimationValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#initParticleNumericAnimationValue) [InteractionManager](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractionManager) [Interactivity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Interactivity) [InteractivityDetect](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractivityDetect) [InteractorType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#InteractorType) [inverseFactorNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#inverseFactorNumerator) [IOklch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOklch) [IOklcha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOklcha) [IOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOpacity) [IOpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOpacityAnimation) [IOptionLoader](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptionLoader) [IOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptions) [IOptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOptionsColor) [IOutModes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IOutModes) [IParallax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParallax) [IParticleColorAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleColorAnimation) [IParticleColorStyle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleColorStyle) [IParticleHslAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleHslAnimation) [IParticleLife](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleLife) [IParticleMover](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleMover) [IParticleNumericValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleNumericValueAnimation) [IParticleRetinaProps](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleRetinaProps) [IParticleRoll](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleRoll) [IParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesBounce) [IParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesDensity) [IParticlesInteractor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesInteractor) [IParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesNumber) [IParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesNumberLimit) [IParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticlesOptions) [IParticleTransformValues](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleTransformValues) [IParticleUpdater](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleUpdater) [IParticleValueAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IParticleValueAnimation) [IPlugin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IPlugin) [IPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IPositionFromSizeParams) [IRangeColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeColor) [IRangedAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedAnimation) [IRangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedAnimationValueWithRandom) [IRangedCoordinates](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedCoordinates) [IRangedCoordinates3d](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedCoordinates3d) [IRangedPositionFromSizeParams](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangedPositionFromSizeParams) [IRangeHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeHsl) [IRangeHsv](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeHsv) [IRangeLch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeLch) [IRangeOklch](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeOklch) [IRangeRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeRgb) [IRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeValue) [IRangeValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRangeValueColor) [IRectSideResult](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRectSideResult) [IResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IResizeEvent) [IResponsive](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IResponsive) [IRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRgb) [IRgba](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IRgba) [isArray](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isArray) [isBoolean](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isBoolean) [isDivModeEnabled](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isDivModeEnabled) [isFunction](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isFunction) [IShadow](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShadow) [IShape](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShape) [IShapeDrawData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeDrawData) [IShapeDrawer](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeDrawer) [IShapeValues](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IShapeValues) [isInArray](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isInArray) [ISize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISize) [ISizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISizeAnimation) [ISlowParticleData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISlowParticleData) [isNull](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isNull) [isNumber](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isNumber) [isObject](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isObject) [ISourceOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISourceOptions) [ISpin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ISpin) [isPointInside](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isPointInside) [isSsr](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isSsr) [isString](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#isString) [IStroke](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IStroke) [itemFromArray](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#itemFromArray) [itemFromSingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#itemFromSingleOrMultiple) [ITheme](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ITheme) [IThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IThemeDefault) [ITrailFillData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ITrailFillData) [IValueColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IValueColor) [IValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IValueWithRandom) [IZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#IZIndex) [lengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lengthOffset) [lFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lFactor) [LimitMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#LimitMode) [lMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lMax) [lMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#lMin) [loadFont](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadFont) [loadMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadMinIndex) [loadOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadOptions) [loadParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadParticlesOptions) [loadRandomFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#loadRandomFactor) [Main](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Main) [manualCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#manualCount) [manualDefaultPosition](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#manualDefaultPosition) [ManualParticle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ManualParticle) [midColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#midColorValue) [millisecondsToSeconds](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#millisecondsToSeconds) [minCoordinate](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minCoordinate) [minCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minCount) [minFpsLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minFpsLimit) [minimumLength](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minimumLength) [minimumSize](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minimumSize) [minIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minIndex) [minLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minLimit) [minRetries](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minRetries) [minStrokeWidth](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minStrokeWidth) [minVelocity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minVelocity) [minZ](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#minZ) [mix](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mix) [Modes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Modes) [mouseDownEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseDownEvent) [mouseLeaveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseLeaveEvent) [mouseMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseMoveEvent) [mouseOutEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseOutEvent) [mouseUpEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#mouseUpEvent) [Move](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Move) [MoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveAngle) [MoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveAttract) [MoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveCenter) [MoveDirection](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveDirection) [MoveDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveDirectionAlt) [MoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveGravity) [MovePath](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MovePath) [MoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#MoveTrail) [none](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#none) [one](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#one) [Opacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Opacity) [OpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OpacityAnimation) [Options](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Options) [OptionsColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OptionsColor) [originPoint](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#originPoint) [OutMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutMode) [OutModeDirection](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutModeDirection) [OutModes](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#OutModes) [paintBase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#paintBase) [paintImage](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#paintImage) [Parallax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Parallax) [parseAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#parseAlpha) [Particle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Particle) [ParticleOutType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticleOutType) [Particles](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Particles) [ParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesBounce) [ParticlesBounceFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesBounceFactor) [ParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesDensity) [ParticlesGroups](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesGroups) [ParticlesInteractorBase](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesInteractorBase) [ParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesNumber) [ParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesNumberLimit) [ParticlesOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ParticlesOptions) [PathOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#PathOptions) [percentDenominator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#percentDenominator) [phaseNumerator](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#phaseNumerator) [PixelMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#PixelMode) [Point](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Point) [posOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#posOffset) [qTreeCapacity](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#qTreeCapacity) [QuadTree](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#QuadTree) [quarter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#quarter) [randomColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#randomColorValue) [randomInRange](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#randomInRange) [rangeColorToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rangeColorToHsl) [rangeColorToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rangeColorToRgb) [RangedAnimationOptions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangedAnimationOptions) [RangedAnimationValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangedAnimationValueWithRandom) [RangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RangeValue) [Rectangle](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Rectangle) [rectBounce](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rectBounce) [RecursivePartial](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RecursivePartial) [removeDeleteCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#removeDeleteCount) [removeMinIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#removeMinIndex) [resizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#resizeEvent) [ResizeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ResizeEvent-1) [Responsive](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Responsive) [ResponsiveMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ResponsiveMode) [Retina](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Retina) [rgbFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbFactor) [rgbMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbMax) [rgbToHsl](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rgbToHsl) [rollFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#rollFactor) [RotateDirection](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RotateDirection) [RotateDirectionAlt](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#RotateDirectionAlt) [safeIntersectionObserver](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeIntersectionObserver) [safeMatchMedia](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeMatchMedia) [safeMutationObserver](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#safeMutationObserver) [setAnimationFunctions](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setAnimationFunctions) [setLogger](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setLogger) [setRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setRandom) [setRangeValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#setRangeValue) [sextuple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sextuple) [Shadow](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Shadow) [Shape](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Shape) [ShapeData](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ShapeData) [singleDivModeExecute](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#singleDivModeExecute) [SingleOrMultiple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#SingleOrMultiple) [Size](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Size) [SizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#SizeAnimation) [sizeFactor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sizeFactor) [sMax](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sMax) [sMin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sMin) [sNormalizedOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#sNormalizedOffset) [Spin](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Spin) [squareExp](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#squareExp) [StartValueType](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#StartValueType) [stringToAlpha](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#stringToAlpha) [stringToRgb](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#stringToRgb) [Stroke](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Stroke) [subdivideCount](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#subdivideCount) [Theme](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Theme) [ThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ThemeDefault) [ThemeMode](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ThemeMode) [threeQuarter](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#threeQuarter) [touchCancelEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchCancelEvent) [touchDelay](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchDelay) [touchEndEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchEndEvent) [touchEndLengthOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchEndLengthOffset) [touchMoveEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchMoveEvent) [touchStartEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#touchStartEvent) [triple](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#triple) [tryCountIncrement](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#tryCountIncrement) [updateAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateAnimation) [updateColor](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateColor) [updateColorValue](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#updateColorValue) [ValueWithRandom](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ValueWithRandom) [Vector](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Vector) [Vector3d](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#Vector3d) [visibilityChangeEvent](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#visibilityChangeEvent) [ZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#ZIndex) [zIndexFactorOffset](https://particles.js.org/docs/modules/tsParticles_Engine.index.html#zIndexFactorOffset) --- # Options/Interfaces/Particles/Bounce/IParticlesBounce | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Bounce/IParticlesBounce](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.html) Module Options/Interfaces/Particles/Bounce/IParticlesBounce =========================================================== ### Index ### Interfaces [IParticlesBounce](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Bounce_IParticlesBounce.IParticlesBounce.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Collisions/ICollisions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Collisions/ICollisions](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.html) Module Options/Interfaces/Particles/Collisions/ICollisions ========================================================== ### Index ### Interfaces [ICollisions](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisions.ICollisions.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Collisions/ICollisionsOverlap | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Collisions/ICollisionsOverlap](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsOverlap.html) Module Options/Interfaces/Particles/Collisions/ICollisionsOverlap ================================================================= ### Index ### Interfaces [ICollisionsOverlap](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsOverlap.ICollisionsOverlap.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Collisions/ICollisionsAbsorb | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Collisions/ICollisionsAbsorb](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsAbsorb.html) Module Options/Interfaces/Particles/Collisions/ICollisionsAbsorb ================================================================ ### Index ### Interfaces [ICollisionsAbsorb](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Collisions_ICollisionsAbsorb.ICollisionsAbsorb.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Effect/IEffect | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Effect/IEffect](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.html) Module Options/Interfaces/Particles/Effect/IEffect ================================================== ### Index ### Interfaces [IEffect](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Effect_IEffect.IEffect.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/IShadow | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/IShadow](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IShadow.html) Module Options/Interfaces/Particles/IShadow =========================================== ### Index ### Interfaces [IShadow](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IShadow.IShadow.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/IStroke | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/IStroke](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_IStroke.html) Module Options/Interfaces/Particles/IStroke =========================================== ### Index ### Interfaces [IStroke](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_IStroke.IStroke.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IMove | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMove](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.html) Module Options/Interfaces/Particles/Move/IMove ============================================== ### Index ### Interfaces [IMove](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMove.IMove.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IMoveAngle | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMoveAngle](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAngle.html) Module Options/Interfaces/Particles/Move/IMoveAngle =================================================== ### Index ### Interfaces [IMoveAngle](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAngle.IMoveAngle.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IMoveAttract | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMoveAttract](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAttract.html) Module Options/Interfaces/Particles/Move/IMoveAttract ===================================================== ### Index ### Interfaces [IMoveAttract](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveAttract.IMoveAttract.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IMoveCenter | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMoveCenter](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveCenter.html) Module Options/Interfaces/Particles/Move/IMoveCenter ==================================================== ### Index ### Type Aliases [IMoveCenter](https://particles.js.org/docs/types/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveCenter.IMoveCenter.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IMoveGravity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMoveGravity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveGravity.html) Module Options/Interfaces/Particles/Move/IMoveGravity ===================================================== ### Index ### Interfaces [IMoveGravity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveGravity.IMoveGravity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IMoveTrail | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMoveTrail](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrail.html) Module Options/Interfaces/Particles/Move/IMoveTrail =================================================== ### Index ### Interfaces [IMoveTrail](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrail.IMoveTrail.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IMoveTrailFill | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IMoveTrailFill](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrailFill.html) Module Options/Interfaces/Particles/Move/IMoveTrailFill ======================================================= ### Index ### Interfaces [IMoveTrailFill](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IMoveTrailFill.IMoveTrailFill.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/IOutModes | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/IOutModes](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_IOutModes.html) Module Options/Interfaces/Particles/Move/IOutModes ================================================== ### Index ### Interfaces [IOutModes](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_IOutModes.IOutModes.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/ISpin | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/ISpin](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_ISpin.html) Module Options/Interfaces/Particles/Move/ISpin ============================================== ### Index ### Interfaces [ISpin](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_ISpin.ISpin.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Move/Path/IMovePath | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Move/Path/IMovePath](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Move_Path_IMovePath.html) Module Options/Interfaces/Particles/Move/Path/IMovePath ======================================================= ### Index ### Interfaces [IMovePath](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Move_Path_IMovePath.IMovePath.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Number/IParticlesDensity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Number/IParticlesDensity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesDensity.html) Module Options/Interfaces/Particles/Number/IParticlesDensity ============================================================ ### Index ### Interfaces [IParticlesDensity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesDensity.IParticlesDensity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Number/IParticlesNumber | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Number/IParticlesNumber](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.html) Module Options/Interfaces/Particles/Number/IParticlesNumber =========================================================== ### Index ### Interfaces [IParticlesNumber](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumber.IParticlesNumber.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Number/IParticlesNumberLimit | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Number/IParticlesNumberLimit](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumberLimit.html) Module Options/Interfaces/Particles/Number/IParticlesNumberLimit ================================================================ ### Index ### Interfaces [IParticlesNumberLimit](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Number_IParticlesNumberLimit.IParticlesNumberLimit.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Opacity/IOpacity | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Opacity/IOpacity](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.html) Module Options/Interfaces/Particles/Opacity/IOpacity ==================================================== ### Index ### Interfaces [IOpacity](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacity.IOpacity.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Opacity/IOpacityAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Opacity/IOpacityAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacityAnimation.html) Module Options/Interfaces/Particles/Opacity/IOpacityAnimation ============================================================= ### Index ### Interfaces [IOpacityAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Opacity_IOpacityAnimation.IOpacityAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Shape/IShape | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Shape/IShape](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.html) Module Options/Interfaces/Particles/Shape/IShape ================================================ ### Index ### Interfaces [IShape](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Shape_IShape.IShape.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Size/ISizeAnimation | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Size/ISizeAnimation](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Size_ISizeAnimation.html) Module Options/Interfaces/Particles/Size/ISizeAnimation ======================================================= ### Index ### Interfaces [ISizeAnimation](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISizeAnimation.ISizeAnimation.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/Size/ISize | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/Size/ISize](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.html) Module Options/Interfaces/Particles/Size/ISize ============================================== ### Index ### Interfaces [ISize](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_Size_ISize.ISize.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Particles/ZIndex/IZIndex | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Particles/ZIndex/IZIndex](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.html) Module Options/Interfaces/Particles/ZIndex/IZIndex ================================================== ### Index ### Interfaces [IZIndex](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Particles_ZIndex_IZIndex.IZIndex.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Options/Interfaces/Theme/IThemeDefault | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Options/Interfaces/Theme/IThemeDefault](https://particles.js.org/docs/modules/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.html) Module Options/Interfaces/Theme/IThemeDefault ============================================= ### Index ### Interfaces [IThemeDefault](https://particles.js.org/docs/interfaces/tsParticles_Engine.Options_Interfaces_Theme_IThemeDefault.IThemeDefault.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Types/CustomEventArgs | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/CustomEventArgs](https://particles.js.org/docs/modules/tsParticles_Engine.Types_CustomEventArgs.html) Module Types/CustomEventArgs ============================ ### Index ### Interfaces [CustomEventArgs](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_CustomEventArgs.CustomEventArgs.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Types/CustomEventListener | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/CustomEventListener](https://particles.js.org/docs/modules/tsParticles_Engine.Types_CustomEventListener.html) Module Types/CustomEventListener ================================ ### Index ### Type Aliases [CustomEventListener](https://particles.js.org/docs/types/tsParticles_Engine.Types_CustomEventListener.CustomEventListener.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Types/EasingFunction | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/EasingFunction](https://particles.js.org/docs/modules/tsParticles_Engine.Types_EasingFunction.html) Module Types/EasingFunction =========================== ### Index ### Type Aliases [EasingFunction](https://particles.js.org/docs/types/tsParticles_Engine.Types_EasingFunction.EasingFunction.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Types/ExportResult | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/ExportResult](https://particles.js.org/docs/modules/tsParticles_Engine.Types_ExportResult.html) Module Types/ExportResult ========================= ### Index ### Interfaces [ExportResult](https://particles.js.org/docs/interfaces/tsParticles_Engine.Types_ExportResult.ExportResult.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark --- # Types/ISourceOptions | tsParticles - v3.0.0 * [tsParticles](https://particles.js.org/docs/modules.html) * [tsParticles Engine](https://particles.js.org/docs/modules/tsParticles_Engine.html) * [Types/ISourceOptions](https://particles.js.org/docs/modules/tsParticles_Engine.Types_ISourceOptions.html) Module Types/ISourceOptions =========================== ### Index ### Type Aliases [ISourceOptions](https://particles.js.org/docs/types/tsParticles_Engine.Types_ISourceOptions.ISourceOptions.html) ### Settings Member Visibility * Protected * Inherited * External ThemeOSLightDark ---