@tsparticles/engine 4.0.0-alpha.5 → 4.0.0-beta.0

package/types/Core/Particles.d.ts

@@ -1,29 +1,38 @@
 import type { Container } from "./Container.js";
 import type { Engine } from "./Engine.js";
+import type { IContainerPlugin } from "./Interfaces/IContainerPlugin.js";
 import type { ICoordinates } from "./Interfaces/ICoordinates.js";
 import type { IDelta } from "./Interfaces/IDelta.js";
 import type { IDimension } from "./Interfaces/IDimension.js";
-import type { IParticleMover } from "./Interfaces/IParticleMover.js";
+import type { IEffectDrawer } from "./Interfaces/IEffectDrawer.js";
 import type { IParticleUpdater } from "./Interfaces/IParticleUpdater.js";
 import type { IParticlesOptions } from "../Options/Interfaces/Particles/IParticlesOptions.js";
+import type { IShapeDrawer } from "./Interfaces/IShapeDrawer.js";
 import { Particle } from "./Particle.js";
-import { QuadTree } from "./Utils/QuadTree.js";
 import type { RecursivePartial } from "../Types/RecursivePartial.js";
+import { SpatialHashGrid } from "./Utils/SpatialHashGrid.js";
 export declare class Particles {
-    movers: IParticleMover[];
-    quadTree: QuadTree;
+    checkParticlePositionPlugins: IContainerPlugin[];
+    effectDrawers: Map<string, IEffectDrawer>;
+    grid: SpatialHashGrid;
+    shapeDrawers: Map<string, IShapeDrawer>;
     updaters: IParticleUpdater[];
     private _array;
     private readonly _container;
     private readonly _engine;
     private readonly _groupLimits;
-    private _lastZIndex;
     private _limit;
+    private _maxZIndex;
+    private _minZIndex;
     private _needsSort;
     private _nextId;
-    private _pluginsInitialized;
+    private _particleResetPlugins;
+    private _particleUpdatePlugins;
     private readonly _pool;
+    private _postParticleUpdatePlugins;
+    private _postUpdatePlugins;
     private _resizeFactor?;
+    private _updatePlugins;
     private _zArray;
     constructor(engine: Engine, container: Container);
     get count(): number;
@@ -48,6 +57,5 @@ export declare class Particles {
     private readonly _addToPool;
     private readonly _applyDensity;
     private readonly _initDensityFactor;
-    private readonly _pushParticle;
     private readonly _removeParticle;
 }

package/types/Core/Utils/Constants.d.ts

@@ -1,7 +1,7 @@
 import type { ICoordinates3d } from "../Interfaces/ICoordinates.js";
-export declare const generatedAttribute = "generated", resizeEvent = "resize", visibilityChangeEvent = "visibilitychange", percentDenominator = 100, half = 0.5, millisecondsToSeconds = 1000, originPoint: ICoordinates3d, defaultTransform: {
+export declare const generatedAttribute = "generated", defaultCompositeValue: GlobalCompositeOperation, resizeEvent = "resize", visibilityChangeEvent = "visibilitychange", percentDenominator = 100, half = 0.5, millisecondsToSeconds = 1000, originPoint: ICoordinates3d, defaultTransform: {
     a: number;
     b: number;
     c: number;
     d: number;
-}, randomColorValue = "random", midColorValue = "mid", double = 2, doublePI: number, defaultFps = 60, defaultAlpha = 1, generatedTrue = "true", generatedFalse = "false", canvasTag = "canvas", defaultRetryCount = 0, squareExp = 2, qTreeCapacity = 4, defaultRemoveQuantity = 1, defaultRatio = 1, defaultReduceFactor = 1, subdivideCount = 4, inverseFactorNumerator = 1, rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, empty = 0, quarter = 0.25, threeQuarter: number, minVelocity = 0, defaultTransformValue = 1, minimumSize = 0, minimumLength = 0, zIndexFactorOffset = 1, defaultOpacity = 1, clickRadius = 1, touchEndLengthOffset = 1, minCoordinate = 0, removeDeleteCount = 1, removeMinIndex = 0, defaultFpsLimit = 120, minFpsLimit = 0, canvasFirstIndex = 0, loadRandomFactor = 10000, loadMinIndex = 0, one = 1, none = 0, decayOffset = 1, tryCountIncrement = 1, minRetries = 0, rollFactor = 1, minZ = 0, defaultRadius = 0, posOffset: number, sizeFactor = 1.5, minLimit = 0, countOffset = 1, minCount = 0, minIndex = 0, lengthOffset = 1, defaultDensityFactor = 1, deleteCount = 1, touchDelay = 500, manualDefaultPosition = 50, defaultAngle = 0, identity = 1, minStrokeWidth = 0, lFactor = 1, lMin = 0, triple = 3, sextuple = 6, sNormalizedOffset = 1, phaseNumerator = 1, defaultRgbMin = 0, defaultVelocity = 0, defaultLoops = 0, defaultTime = 0;
+}, randomColorValue = "random", midColorValue = "mid", double = 2, doublePI: number, defaultFps = 60, defaultAlpha = 1, generatedTrue = "true", generatedFalse = "false", canvasTag = "canvas", defaultRetryCount = 0, squareExp = 2, spatialHashGridCellSize = 100, defaultRemoveQuantity = 1, defaultRatio = 1, defaultReduceFactor = 1, inverseFactorNumerator = 1, rgbMax = 255, hMax = 360, sMax = 100, lMax = 100, hMin = 0, sMin = 0, hPhase = 60, empty = 0, quarter = 0.25, threeQuarter: number, minVelocity = 0, defaultTransformValue = 1, minimumSize = 0, zIndexFactorOffset = 1, defaultOpacity = 1, removeDeleteCount = 1, removeMinIndex = 0, defaultFpsLimit = 120, minFpsLimit = 0, canvasFirstIndex = 0, loadRandomFactor = 10000, loadMinIndex = 0, one = 1, none = 0, decayOffset = 1, tryCountIncrement = 1, minZ = 0, minLimit = 0, countOffset = 1, minCount = 0, minIndex = 0, lengthOffset = 1, defaultDensityFactor = 1, deleteCount = 1, defaultAngle = 0, identity = 1, minStrokeWidth = 0, lFactor = 1, lMin = 0, triple = 3, sextuple = 6, sNormalizedOffset = 1, phaseNumerator = 1, defaultRgbMin = 0, defaultVelocity = 0, defaultLoops = 0, defaultTime = 0, defaultZoom = 1;

package/types/Core/Utils/Ranges.d.ts

@@ -4,18 +4,21 @@ export declare abstract class BaseRange {
     readonly position: ICoordinates;
     readonly type: string;
     protected constructor(x: number, y: number, type: string);
+    protected _resetPosition(x: number, y: number): void;
     abstract contains(point: ICoordinates): boolean;
     abstract intersects(range: BaseRange): boolean;
 }
 export declare class Circle extends BaseRange {
-    readonly radius: number;
+    radius: number;
     constructor(x: number, y: number, radius: number);
     contains(point: ICoordinates): boolean;
     intersects(range: BaseRange): boolean;
+    reset(x: number, y: number, radius: number): this;
 }
 export declare class Rectangle extends BaseRange {
     readonly size: IDimension;
     constructor(x: number, y: number, width: number, height: number);
     contains(point: ICoordinates): boolean;
     intersects(range: BaseRange): boolean;
+    reset(x: number, y: number, width: number, height: number): this;
 }

package/types/Core/Utils/SpatialHashGrid.d.ts

@@ -0,0 +1,25 @@
+import { type BaseRange } from "./Ranges.js";
+import type { ICoordinates } from "../Interfaces/ICoordinates.js";
+import type { IDimension } from "../Interfaces/IDimension.js";
+import type { Particle } from "../Particle.js";
+export declare class SpatialHashGrid {
+    private _cellSize;
+    private readonly _cells;
+    private readonly _circlePool;
+    private _circlePoolIdx;
+    private _pendingCellSize?;
+    private readonly _rectanglePool;
+    private _rectanglePoolIdx;
+    constructor(cellSize: number);
+    clear(): void;
+    insert(particle: Particle): void;
+    query(range: BaseRange, check?: (particle: Particle) => boolean, out?: Particle[]): Particle[];
+    queryCircle(position: ICoordinates, radius: number, check?: (particle: Particle) => boolean, out?: Particle[]): Particle[];
+    queryRectangle(position: ICoordinates, size: IDimension, check?: (particle: Particle) => boolean, out?: Particle[]): Particle[];
+    setCellSize(cellSize: number): void;
+    private _acquireCircle;
+    private _acquireRectangle;
+    private _cellKeyFromCoords;
+    private _getRangeBounds;
+    private _releaseShapes;
+}

package/types/Core/Utils/Vectors.d.ts

@@ -9,13 +9,11 @@ export declare class Vector3d implements ICoordinates3d {
     set angle(angle: number);
     get length(): number;
     set length(length: number);
-    static clone(source: Vector3d): Vector3d;
+    static clone(source: ICoordinates | ICoordinates3d): Vector3d;
     static create(x: number | ICoordinates | ICoordinates3d, y?: number, z?: number): Vector3d;
-    add(v: Vector3d): Vector3d;
-    addTo(v: Vector3d): void;
+    add(v: ICoordinates | ICoordinates3d): Vector3d;
+    addTo(v: ICoordinates | ICoordinates3d): void;
     copy(): Vector3d;
-    distanceTo(v: Vector3d): number;
-    distanceToSq(v: Vector3d): number;
     div(n: number): Vector3d;
     divTo(n: number): void;
     getLengthSq(): number;
@@ -23,14 +21,14 @@ export declare class Vector3d implements ICoordinates3d {
     multTo(n: number): void;
     normalize(): void;
     rotate(angle: number): Vector3d;
-    setTo(c: ICoordinates): void;
-    sub(v: Vector3d): Vector3d;
-    subFrom(v: Vector3d): void;
-    private readonly _updateFromAngle;
+    setTo(c: ICoordinates | ICoordinates3d): void;
+    sub(v: ICoordinates | ICoordinates3d): Vector3d;
+    subFrom(v: ICoordinates | ICoordinates3d): void;
+    private _updateFromAngle;
 }
 export declare class Vector extends Vector3d {
     protected constructor(x?: number, y?: number);
     static get origin(): Vector;
-    static clone(source: Vector): Vector;
+    static clone(source: ICoordinates): Vector;
     static create(x: number | ICoordinates, y?: number): Vector;
 }

package/types/Enums/Types/EasingType.d.ts

@@ -1,30 +1,45 @@
 export declare enum EasingType {
     easeInBack = "ease-in-back",
+    easeInBounce = "ease-in-bounce",
     easeInCirc = "ease-in-circ",
     easeInCubic = "ease-in-cubic",
+    easeInElastic = "ease-in-elastic",
+    easeInExpo = "ease-in-expo",
+    easeInGaussian = "ease-in-gaussian",
     easeInLinear = "ease-in-linear",
     easeInQuad = "ease-in-quad",
     easeInQuart = "ease-in-quart",
     easeInQuint = "ease-in-quint",
-    easeInExpo = "ease-in-expo",
+    easeInSigmoid = "ease-in-sigmoid",
     easeInSine = "ease-in-sine",
+    easeInSmoothstep = "ease-in-smoothstep",
     easeOutBack = "ease-out-back",
+    easeOutBounce = "ease-out-bounce",
     easeOutCirc = "ease-out-circ",
     easeOutCubic = "ease-out-cubic",
+    easeOutElastic = "ease-out-elastic",
+    easeOutExpo = "ease-out-expo",
+    easeOutGaussian = "ease-out-gaussian",
     easeOutLinear = "ease-out-linear",
     easeOutQuad = "ease-out-quad",
     easeOutQuart = "ease-out-quart",
     easeOutQuint = "ease-out-quint",
-    easeOutExpo = "ease-out-expo",
+    easeOutSigmoid = "ease-out-sigmoid",
     easeOutSine = "ease-out-sine",
+    easeOutSmoothstep = "ease-out-smoothstep",
     easeInOutBack = "ease-in-out-back",
+    easeInOutBounce = "ease-in-out-bounce",
     easeInOutCirc = "ease-in-out-circ",
     easeInOutCubic = "ease-in-out-cubic",
+    easeInOutElastic = "ease-in-out-elastic",
+    easeInOutExpo = "ease-in-out-expo",
+    easeInOutGaussian = "ease-in-out-gaussian",
     easeInOutLinear = "ease-in-out-linear",
     easeInOutQuad = "ease-in-out-quad",
     easeInOutQuart = "ease-in-out-quart",
     easeInOutQuint = "ease-in-out-quint",
-    easeInOutExpo = "ease-in-out-expo",
-    easeInOutSine = "ease-in-out-sine"
+    easeInOutSigmoid = "ease-in-out-sigmoid",
+    easeInOutSine = "ease-in-out-sine",
+    easeInOutSmoothstep = "ease-in-out-smoothstep"
 }
-export type EasingTypeAlt = "ease-in-back" | "ease-out-back" | "ease-in-out-back" | "ease-in-circ" | "ease-out-circ" | "ease-in-out-circ" | "ease-in-cubic" | "ease-out-cubic" | "ease-in-out-cubic" | "ease-in-quad" | "ease-out-quad" | "ease-in-out-quad" | "ease-in-quart" | "ease-out-quart" | "ease-in-out-quart" | "ease-in-quint" | "ease-out-quint" | "ease-in-out-quint" | "ease-in-expo" | "ease-out-expo" | "ease-in-out-expo" | "ease-in-sine" | "ease-out-sine" | "ease-in-out-sine";
+export type EasingTypeAlt = "ease-in-back" | "ease-out-back" | "ease-in-out-back" | "ease-in-bounce" | "ease-out-bounce" | "ease-in-out-bounce" | "ease-in-circ" | "ease-out-circ" | "ease-in-out-circ" | "ease-in-cubic" | "ease-out-cubic" | "ease-in-out-cubic" | "ease-in-elastic" | "ease-out-elastic" | "ease-in-out-elastic" | "ease-in-expo" | "ease-out-expo" | "ease-in-out-expo" | "ease-in-gaussian" | "ease-out-gaussian" | "ease-in-out-gaussian" | "ease-in-linear" | "ease-out-linear" | "ease-in-out-linear" | "ease-in-quad" | "ease-out-quad" | "ease-in-out-quad" | "ease-in-quart" | "ease-out-quart" | "ease-in-out-quart" | "ease-in-quint" | "ease-out-quint" | "ease-in-out-quint" | "ease-in-sigmoid" | "ease-out-sigmoid" | "ease-in-out-sigmoid" | "ease-in-sine" | "ease-out-sine" | "ease-in-out-sine" | "ease-in-smoothstep" | "ease-out-smoothstep" | "ease-in-out-smoothstep";

package/types/Options/Classes/ColorAnimation.d.ts

@@ -4,7 +4,9 @@ import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
 import type { RangeValue } from "../../Types/RangeValue.js";
 import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export declare class ColorAnimation extends AnimationOptions implements IColorAnimation, IOptionLoader<IColorAnimation> {
+    max: number;
+    min: number;
     offset: RangeValue;
-    constructor();
+    constructor(min: number, max: number);
     load(data?: RecursivePartial<IColorAnimation>): void;
 }

package/types/Options/Classes/HslAnimation.d.ts

@@ -3,9 +3,8 @@ import type { IHslAnimation } from "../Interfaces/IHslAnimation.js";
 import type { IOptionLoader } from "../Interfaces/IOptionLoader.js";
 import type { RecursivePartial } from "../../Types/RecursivePartial.js";
 export declare class HslAnimation implements IHslAnimation, IOptionLoader<IHslAnimation> {
-    h: ColorAnimation;
-    l: ColorAnimation;
-    s: ColorAnimation;
-    constructor();
+    readonly h: ColorAnimation;
+    readonly l: ColorAnimation;
+    readonly s: ColorAnimation;
     load(data?: RecursivePartial<IHslAnimation>): void;
 }

package/types/Options/Classes/Options.d.ts

@@ -27,6 +27,7 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     hdr: boolean;
     key?: string;
     name?: string;
+    palette?: string;
     readonly particles: import("./Particles/ParticlesOptions.js").ParticlesOptions;
     pauseOnBlur: boolean;
     pauseOnOutsideViewport: boolean;
@@ -39,6 +40,7 @@ export declare class Options implements IOptions, IOptionLoader<IOptions> {
     private readonly _engine;
     constructor(engine: Engine, container: Container);
     load(data?: ISourceOptions): void;
+    private readonly _importPalette;
     private readonly _importPreset;
 }
 export {};

package/types/Options/Classes/Particles/Effect/Effect.d.ts

@@ -5,7 +5,6 @@ import type { ShapeData } from "../../../../Types/ShapeData.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export declare class Effect implements IEffect, IOptionLoader<IEffect> {
     close: boolean;
-    fill: boolean;
     options: ShapeData;
     type: SingleOrMultiple<string>;
     constructor();

package/types/Options/Classes/Particles/Fill.d.ts

@@ -0,0 +1,12 @@
+import { AnimatableColor } from "../AnimatableColor.js";
+import type { IFill } from "../../Interfaces/Particles/IFill.js";
+import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
+import type { RangeValue } from "../../../Types/RangeValue.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
+export declare class Fill implements IFill, IOptionLoader<IFill> {
+    color: AnimatableColor;
+    enable: boolean;
+    opacity: RangeValue;
+    constructor();
+    load(data?: RecursivePartial<IFill>): void;
+}

package/types/Options/Classes/Particles/Move/Move.d.ts

@@ -3,7 +3,6 @@ import type { IDistance } from "../../../../Core/Interfaces/IDistance.js";
 import type { IMove } from "../../../Interfaces/Particles/Move/IMove.js";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader.js";
 import { MoveAngle } from "./MoveAngle.js";
-import { MoveAttract } from "./MoveAttract.js";
 import { MoveCenter } from "./MoveCenter.js";
 import { MoveGravity } from "./MoveGravity.js";
 import { MovePath } from "./Path/MovePath.js";
@@ -13,7 +12,6 @@ import type { RecursivePartial } from "../../../../Types/RecursivePartial.js";
 import { Spin } from "./Spin.js";
 export declare class Move implements IMove, IOptionLoader<IMove> {
     readonly angle: MoveAngle;
-    readonly attract: MoveAttract;
     readonly center: MoveCenter;
     decay: RangeValue;
     direction: MoveDirection | keyof typeof MoveDirection | MoveDirectionAlt | number;

package/types/Options/Classes/Particles/ParticlesOptions.d.ts

@@ -1,7 +1,7 @@
-import { AnimatableColor } from "../AnimatableColor.js";
 import type { Container } from "../../../Core/Container.js";
 import { Effect } from "./Effect/Effect.js";
 import type { Engine } from "../../../Core/Engine.js";
+import { Fill } from "./Fill.js";
 import type { IOptionLoader } from "../../Interfaces/IOptionLoader.js";
 import type { IParticlesOptions } from "../../Interfaces/Particles/IParticlesOptions.js";
 import { Move } from "./Move/Move.js";
@@ -18,8 +18,8 @@ import { ZIndex } from "./ZIndex/ZIndex.js";
 export declare class ParticlesOptions implements IParticlesOptions, IOptionLoader<IParticlesOptions> {
     [name: string]: unknown;
     readonly bounce: ParticlesBounce;
-    color: AnimatableColor;
     readonly effect: Effect;
+    fill: SingleOrMultiple<Fill>;
     readonly groups: ParticlesGroups;
     readonly move: Move;
     readonly number: ParticlesNumber;

package/types/Options/Classes/Particles/Shape/Shape.d.ts

@@ -5,7 +5,6 @@ import type { ShapeData } from "../../../../Types/ShapeData.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export declare class Shape implements IShape, IOptionLoader<IShape> {
     close: boolean;
-    fill: boolean;
     options: ShapeData;
     type: SingleOrMultiple<string>;
     constructor();

package/types/Options/Classes/ValueWithRandom.d.ts

@@ -10,7 +10,6 @@ export declare class ValueWithRandom implements IValueWithRandom, IOptionLoader<
 }
 export declare class AnimationValueWithRandom extends ValueWithRandom implements IOptionLoader<IAnimationValueWithRandom> {
     readonly animation: AnimationOptions;
-    constructor();
     load(data?: RecursivePartial<IAnimationValueWithRandom>): void;
 }
 export declare class RangedAnimationValueWithRandom extends AnimationValueWithRandom implements IOptionLoader<IRangedAnimationValueWithRandom> {

package/types/Options/Interfaces/IColorAnimation.d.ts

@@ -1,5 +1,7 @@
 import type { IAnimation } from "./IAnimation.js";
 import type { RangeValue } from "../../Types/RangeValue.js";
 export interface IColorAnimation extends IAnimation {
+    max: number;
+    min: number;
     offset: RangeValue;
 }

package/types/Options/Interfaces/IOptions.d.ts

@@ -18,6 +18,7 @@ export interface IOptions {
     hdr: boolean;
     key?: string;
     name?: string;
+    palette?: string;
     particles: IParticlesOptions;
     pauseOnBlur: boolean;
     pauseOnOutsideViewport: boolean;

package/types/Options/Interfaces/Particles/Effect/IEffect.d.ts

@@ -2,7 +2,6 @@ import type { ShapeData } from "../../../../Types/ShapeData.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export interface IEffect {
     close: boolean;
-    fill: boolean;
     options: ShapeData;
     type: SingleOrMultiple<string>;
 }

package/types/Options/Interfaces/Particles/IFill.d.ts

@@ -0,0 +1,9 @@
+import type { IAnimatableColor } from "../IAnimatableColor.js";
+import type { IRangeColor } from "../../../Core/Interfaces/Colors.js";
+import type { RangeValue } from "../../../Types/RangeValue.js";
+import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
+export interface IFill {
+    color?: RecursivePartial<IAnimatableColor> | RecursivePartial<IRangeColor>;
+    enable: boolean;
+    opacity?: RangeValue;
+}

package/types/Options/Interfaces/Particles/IParticlesOptions.d.ts

@@ -1,5 +1,5 @@
-import type { IAnimatableColor } from "../IAnimatableColor.js";
 import type { IEffect } from "./Effect/IEffect.js";
+import type { IFill } from "./IFill.js";
 import type { IMove } from "./Move/IMove.js";
 import type { IOpacity } from "./Opacity/IOpacity.js";
 import type { IParticlesBounce } from "./Bounce/IParticlesBounce.js";
@@ -13,8 +13,8 @@ import type { SingleOrMultiple } from "../../../Types/SingleOrMultiple.js";
 export interface IParticlesOptions {
     [name: string]: unknown;
     bounce: IParticlesBounce;
-    color: IAnimatableColor;
     effect: IEffect;
+    fill: SingleOrMultiple<IFill>;
     groups: ParticlesGroups;
     move: IMove;
     number: IParticlesNumber;

package/types/Options/Interfaces/Particles/IStroke.d.ts

@@ -1,9 +1,9 @@
 import type { IAnimatableColor } from "../IAnimatableColor.js";
-import type { IColor } from "../../../Core/Interfaces/Colors.js";
+import type { IRangeColor } from "../../../Core/Interfaces/Colors.js";
 import type { RangeValue } from "../../../Types/RangeValue.js";
 import type { RecursivePartial } from "../../../Types/RecursivePartial.js";
 export interface IStroke {
-    color?: string | RecursivePartial<IAnimatableColor> | RecursivePartial<IColor>;
+    color?: RecursivePartial<IAnimatableColor> | RecursivePartial<IRangeColor>;
     opacity?: RangeValue;
     width: RangeValue;
 }

package/types/Options/Interfaces/Particles/Move/IMove.d.ts

@@ -1,7 +1,6 @@
 import type { MoveDirection, MoveDirectionAlt } from "../../../../Enums/Directions/MoveDirection.js";
 import type { IDistance } from "../../../../Core/Interfaces/IDistance.js";
 import type { IMoveAngle } from "./IMoveAngle.js";
-import type { IMoveAttract } from "./IMoveAttract.js";
 import type { IMoveCenter } from "./IMoveCenter.js";
 import type { IMoveGravity } from "./IMoveGravity.js";
 import type { IMovePath } from "./Path/IMovePath.js";
@@ -11,7 +10,6 @@ import type { OutMode } from "../../../../Enums/Modes/OutMode.js";
 import type { RangeValue } from "../../../../Types/RangeValue.js";
 export interface IMove {
     angle: number | IMoveAngle;
-    attract: IMoveAttract;
     center: IMoveCenter;
     decay: RangeValue;
     direction: MoveDirection | keyof typeof MoveDirection | MoveDirectionAlt | number;

package/types/Options/Interfaces/Particles/Shape/IShape.d.ts

@@ -2,7 +2,6 @@ import type { ShapeData } from "../../../../Types/ShapeData.js";
 import type { SingleOrMultiple } from "../../../../Types/SingleOrMultiple.js";
 export interface IShape {
     close: boolean;
-    fill: boolean;
     options: ShapeData;
     type: SingleOrMultiple<string>;
 }

package/types/Types/EngineInitializers.d.ts

@@ -1,10 +1,13 @@
 import type { Container } from "../Core/Container.js";
-import type { IParticleMover } from "../Core/Interfaces/IParticleMover.js";
+import type { IEffectDrawer } from "../Core/Interfaces/IEffectDrawer.js";
 import type { IParticleUpdater } from "../Core/Interfaces/IParticleUpdater.js";
+import type { IShapeDrawer } from "../Core/Interfaces/IShapeDrawer.js";
 export type GenericInitializer<T> = (container: Container) => Promise<T>;
-export type MoverInitializer = GenericInitializer<IParticleMover>;
+export type EffectInitializer = GenericInitializer<IEffectDrawer>;
+export type ShapeInitializer = GenericInitializer<IShapeDrawer>;
 export type UpdaterInitializer = GenericInitializer<IParticleUpdater>;
 export interface Initializers {
-    movers: Map<string, MoverInitializer>;
+    effects: Map<string, EffectInitializer>;
+    shapes: Map<string, ShapeInitializer>;
     updaters: Map<string, UpdaterInitializer>;
 }

package/types/Utils/CanvasUtils.d.ts

@@ -1,24 +1,16 @@
-import { AlterType } from "../Enums/Types/AlterType.js";
-import type { Container } from "../Core/Container.js";
+import type { IEffectDrawer, IShapeDrawData, IShapeDrawer } from "../export-types.js";
 import type { IContainerPlugin } from "../Core/Interfaces/IContainerPlugin.js";
-import type { ICoordinates } from "../Core/Interfaces/ICoordinates.js";
 import type { IDelta } from "../Core/Interfaces/IDelta.js";
 import type { IDimension } from "../Core/Interfaces/IDimension.js";
 import type { IDrawParticleParams } from "../Core/Interfaces/IDrawParticleParams.js";
-import type { IHsl } from "../Core/Interfaces/Colors.js";
-import type { IShapeDrawData } from "../export-types.js";
 import type { Particle } from "../Core/Particle.js";
-export declare function clearDrawPlugin(context: CanvasRenderingContext2D, plugin: IContainerPlugin, delta: IDelta): void;
-export declare function drawLine(context: CanvasRenderingContext2D, begin: ICoordinates, end: ICoordinates): void;
 export declare function paintBase(context: CanvasRenderingContext2D, dimension: IDimension, baseColor?: string): void;
 export declare function paintImage(context: CanvasRenderingContext2D, dimension: IDimension, image: HTMLImageElement | undefined, opacity: number): void;
 export declare function clear(context: CanvasRenderingContext2D, dimension: IDimension): void;
 export declare function drawParticle(data: IDrawParticleParams): void;
-export declare function drawAfterEffect(container: Container, data: IShapeDrawData): void;
-export declare function drawBeforeEffect(container: Container, data: IShapeDrawData): void;
-export declare function drawShape(container: Container, data: IShapeDrawData): void;
-export declare function drawShapeAfterDraw(container: Container, data: IShapeDrawData): void;
-export declare function drawShapeBeforeDraw(container: Container, data: IShapeDrawData): void;
-export declare function drawPlugin(context: CanvasRenderingContext2D, plugin: IContainerPlugin, delta: IDelta): void;
+export declare function drawAfterEffect(drawer: IEffectDrawer | undefined, data: IShapeDrawData): void;
+export declare function drawBeforeEffect(drawer: IEffectDrawer | undefined, data: IShapeDrawData): void;
+export declare function drawShape(drawer: IShapeDrawer | undefined, data: IShapeDrawData): void;
+export declare function drawShapeAfterDraw(drawer: IShapeDrawer | undefined, data: IShapeDrawData): void;
+export declare function drawShapeBeforeDraw(drawer: IShapeDrawer | undefined, data: IShapeDrawData): void;
 export declare function drawParticlePlugin(context: CanvasRenderingContext2D, plugin: IContainerPlugin, particle: Particle, delta: IDelta): void;
-export declare function alterHsl(color: IHsl, type: AlterType, value: number): IHsl;

package/types/Utils/ColorUtils.d.ts

@@ -1,11 +1,11 @@
 import type { IColor, IHsl, IHsla, IRangeColor, IRgb, IRgba } from "../Core/Interfaces/Colors.js";
+import { AlterType } from "../Enums/Types/AlterType.js";
 import type { Engine } from "../Core/Engine.js";
 import type { HslAnimation } from "../Options/Classes/HslAnimation.js";
 import type { IDelta } from "../Core/Interfaces/IDelta.js";
 import type { IOptionsColor } from "../Options/Interfaces/IOptionsColor.js";
 import type { IParticleColorAnimation } from "../Core/Interfaces/IParticleValueAnimation.js";
 import type { IParticleHslAnimation } from "../Core/Interfaces/IParticleHslAnimation.js";
-import type { IRangeValue } from "../Core/Interfaces/IRangeValue.js";
 import type { Particle } from "../Core/Particle.js";
 export declare function rangeColorToRgb(engine: Engine, input?: string | IRangeColor, index?: number, useIndex?: boolean): IRgb | undefined;
 export declare function colorToRgb(engine: Engine, input?: string | IColor, index?: number, useIndex?: boolean): IRgb | undefined;
@@ -24,5 +24,6 @@ export declare function getLinkColor(p1: Particle, p2?: Particle, linkColor?: st
 export declare function getLinkRandomColor(engine: Engine, optColor: string | IOptionsColor, blink: boolean, consent: boolean): IRgb | string | undefined;
 export declare function getHslFromAnimation(animation?: IParticleHslAnimation): IHsl | undefined;
 export declare function getHslAnimationFromHsl(hsl: IHsl, animationOptions: HslAnimation | undefined, reduceFactor: number): IParticleHslAnimation;
-export declare function updateColorValue(data: IParticleColorAnimation, range: IRangeValue, decrease: boolean, delta: IDelta): void;
+export declare function updateColorValue(data: IParticleColorAnimation, decrease: boolean, delta: IDelta): void;
 export declare function updateColor(color: IParticleHslAnimation | undefined, delta: IDelta): void;
+export declare function alterHsl(color: IHsl, type: AlterType, value: number): IHsl;

package/types/Utils/MathUtils.d.ts

@@ -21,7 +21,9 @@ export declare function getDistances(pointA: ICoordinates, pointB: ICoordinates)
     dx: number;
     dy: number;
 };
+export declare function getDistanceSq(pointA: ICoordinates, pointB: ICoordinates): number;
 export declare function getDistance(pointA: ICoordinates, pointB: ICoordinates): number;
+export declare function checkDistance(pointA: ICoordinates, pointB: ICoordinates, distance: number): boolean;
 export declare function degToRad(degrees: number): number;
 export declare function getParticleDirectionAngle(direction: MoveDirection | keyof typeof MoveDirection | MoveDirectionAlt | number, position: ICoordinates, center: ICoordinates): number;
 export declare function getParticleBaseVelocity(direction: number): Vector;

package/types/Utils/Utils.d.ts

@@ -11,13 +11,18 @@ import { OutModeDirection } from "../Enums/Directions/OutModeDirection.js";
 import type { Particle } from "../Core/Particle.js";
 import type { RangedAnimationValueWithRandom } from "../Options/Classes/ValueWithRandom.js";
 import type { SingleOrMultiple } from "../Types/SingleOrMultiple.js";
+interface MemoizeOptions<TArgs> {
+    keyFn?: (args: TArgs) => string;
+    maxSize?: number;
+    ttlMs?: number;
+}
+export declare function memoize<TArgs extends unknown[], Result>(fn: (...args: TArgs) => Result, options?: MemoizeOptions<TArgs>): (...args: TArgs) => Result;
 export declare function hasMatchMedia(): boolean;
 export declare function safeDocument(): Document;
 export declare function safeMatchMedia(query: string): MediaQueryList | undefined;
 export declare function safeIntersectionObserver(callback: (records: IntersectionObserverEntry[]) => void): IntersectionObserver | undefined;
 export declare function safeMutationObserver(callback: (records: MutationRecord[]) => void): MutationObserver | undefined;
 export declare function isInArray<T>(value: T, array: SingleOrMultiple<T>): boolean;
-export declare function loadFont(font?: string, weight?: string): Promise<void>;
 export declare function arrayRandomIndex(array: unknown[]): number;
 export declare function itemFromArray<T>(array: T[], index?: number, useIndex?: boolean): T | undefined;
 export declare function isPointInside(point: ICoordinates, size: IDimension, offset: ICoordinates, radius?: number, direction?: OutModeDirection): boolean;
@@ -37,3 +42,5 @@ export declare function cloneStyle(style: Partial<CSSStyleDeclaration>): CSSStyl
 export declare const getFullScreenStyle: (zIndex: number) => CSSStyleDeclaration;
 export declare function manageListener(element: HTMLElement | Node | Window | MediaQueryList | typeof globalThis, event: string, handler: EventListenerOrEventListenerObject, add: boolean, options?: boolean | AddEventListenerOptions | EventListenerObject): void;
 export declare function getItemsFromInitializer<TItem, TInitializer extends GenericInitializer<TItem>>(container: Container, map: Map<Container, TItem[]>, initializers: Map<string, TInitializer>, force?: boolean): Promise<TItem[]>;
+export declare function getItemMapFromInitializer<TItem, TInitializer extends GenericInitializer<TItem>>(container: Container, map: Map<Container, Map<string, TItem>>, initializers: Map<string, TInitializer>, force?: boolean): Promise<Map<string, TItem>>;
+export {};

package/types/export-types.d.ts

@@ -11,11 +11,10 @@ export type * from "./Core/Interfaces/IDistance.js";
 export type * from "./Core/Interfaces/IDrawParticleParams.js";
 export type * from "./Core/Interfaces/IEffectDrawer.js";
 export type * from "./Core/Interfaces/ILoadParams.js";
-export type * from "./Core/Interfaces/IMovePathGenerator.js";
+export type * from "./Core/Interfaces/IPalette.js";
 export type * from "./Core/Interfaces/IParticleColorStyle.js";
 export type * from "./Core/Interfaces/IParticleHslAnimation.js";
 export type * from "./Core/Interfaces/IParticleLife.js";
-export type * from "./Core/Interfaces/IParticleMover.js";
 export type * from "./Core/Interfaces/IParticleRetinaProps.js";
 export type * from "./Core/Interfaces/IParticleRoll.js";
 export type * from "./Core/Interfaces/IParticleTransformValues.js";
@@ -43,8 +42,8 @@ export type * from "./Options/Interfaces/IValueWithRandom.js";
 export type * from "./Options/Interfaces/Particles/Bounce/IParticlesBounce.js";
 export type * from "./Options/Interfaces/Particles/Effect/IEffect.js";
 export type * from "./Options/Interfaces/Particles/IParticlesOptions.js";
+export type * from "./Options/Interfaces/Particles/IFill.js";
 export type * from "./Options/Interfaces/Particles/IStroke.js";
-export type * from "./Options/Interfaces/Particles/Move/IMoveAttract.js";
 export type * from "./Options/Interfaces/Particles/Move/IMove.js";
 export type * from "./Options/Interfaces/Particles/Move/IMoveAngle.js";
 export type * from "./Options/Interfaces/Particles/Move/IMoveCenter.js";
@@ -74,11 +73,10 @@ export type * from "./Types/RecursivePartial.js";
 export type * from "./Types/ShapeData.js";
 export type * from "./Types/SingleOrMultiple.js";
 export type { EventListeners } from "./Core/Utils/EventListeners.js";
-export type { QuadTree } from "./Core/Utils/QuadTree.js";
+export type { SpatialHashGrid } from "./Core/Utils/SpatialHashGrid.js";
 export type { Canvas } from "./Core/Canvas.js";
 export type { Container } from "./Core/Container.js";
 export type { Particle } from "./Core/Particle.js";
 export type { Particles } from "./Core/Particles.js";
 export type { Retina } from "./Core/Retina.js";
 export type { Engine } from "./Core/Engine.js";
-export type { IParticlesNumberLimit } from "./Options/Interfaces/Particles/Number/IParticlesNumberLimit.js";

package/types/exports.d.ts

@@ -1,5 +1,4 @@
 export * from "./Core/Utils/Constants.js";
-export * from "./Core/Utils/Point.js";
 export * from "./Core/Utils/Ranges.js";
 export * from "./Core/Utils/Vectors.js";
 export * from "./Enums/Directions/MoveDirection.js";
@@ -28,8 +27,8 @@ export * from "./Options/Classes/OptionsColor.js";
 export * from "./Options/Classes/Particles/Bounce/ParticlesBounce.js";
 export * from "./Options/Classes/Particles/Bounce/ParticlesBounceFactor.js";
 export * from "./Options/Classes/Particles/ParticlesOptions.js";
+export * from "./Options/Classes/Particles/Fill.js";
 export * from "./Options/Classes/Particles/Stroke.js";
-export * from "./Options/Classes/Particles/Move/MoveAttract.js";
 export * from "./Options/Classes/Particles/Move/Move.js";
 export * from "./Options/Classes/Particles/Move/MoveAngle.js";
 export * from "./Options/Classes/Particles/Move/MoveCenter.js";