tsparticles 1.34.1 → 1.35.0

package/browser/Utils/Utils.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { OutModeDirection } from "../Enums";
 import { collisionVelocity, getValue } from "./NumberUtils";
 import { Vector } from "../Core/Particle/Vector";
@@ -63,15 +54,13 @@ export function cancelAnimation() {
 export function isInArray(value, array) {
     return value === array || (array instanceof Array && array.indexOf(value) > -1);
 }
-export function loadFont(character) {
+export async function loadFont(character) {
     var _a, _b;
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            yield document.fonts.load(`${(_a = character.weight) !== null && _a !== void 0 ? _a : "400"} 36px '${(_b = character.font) !== null && _b !== void 0 ? _b : "Verdana"}'`);
-        }
-        catch (_c) {
-        }
-    });
+    try {
+        await document.fonts.load(`${(_a = character.weight) !== null && _a !== void 0 ? _a : "400"} 36px '${(_b = character.font) !== null && _b !== void 0 ? _b : "Verdana"}'`);
+    }
+    catch (_c) {
+    }
 }
 export function arrayRandomIndex(array) {
     return Math.floor(Math.random() * array.length);

package/browser/index.d.ts

@@ -1,8 +1,4 @@
 import { Main } from "./main";
-import * as CanvasUtils from "./Utils/CanvasUtils";
-import * as ColorUtils from "./Utils/ColorUtils";
-import * as NumberUtils from "./Utils/NumberUtils";
-import * as Utils from "./Utils/Utils";
 import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
 import type { IOptions as ISlimOptions } from "./Options/Interfaces/IOptions";
 import type { IAbsorberOptions } from "./Plugins/Absorbers/Options/Interfaces/IAbsorberOptions";
@@ -19,7 +15,11 @@ export * from "./Enums";
 export * from "./Plugins/Absorbers/Enums";
 export * from "./Plugins/Emitters/Enums";
 export * from "./Plugins/PolygonMask/Enums";
-export { CanvasUtils, Circle, CircleWarp, ColorUtils, Constants, NumberUtils, Point, Rectangle, Utils, Main, loadFull };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadFull };
+export * from "./Utils/CanvasUtils";
+export * from "./Utils/ColorUtils";
+export * from "./Utils/NumberUtils";
+export * from "./Utils/Utils";
 export * from "./Types";
 export * from "./Core/Interfaces";
 export * from "./Core/Particle";

package/browser/index.js

@@ -1,9 +1,5 @@
 import { initPjs } from "./pjs";
 import { Main } from "./main";
-import * as CanvasUtils from "./Utils/CanvasUtils";
-import * as ColorUtils from "./Utils/ColorUtils";
-import * as NumberUtils from "./Utils/NumberUtils";
-import * as Utils from "./Utils/Utils";
 import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
 import { loadFull } from "./full";
 const tsParticles = new Main();
@@ -16,7 +12,11 @@ export * from "./Enums";
 export * from "./Plugins/Absorbers/Enums";
 export * from "./Plugins/Emitters/Enums";
 export * from "./Plugins/PolygonMask/Enums";
-export { CanvasUtils, Circle, CircleWarp, ColorUtils, Constants, NumberUtils, Point, Rectangle, Utils, Main, loadFull };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadFull };
+export * from "./Utils/CanvasUtils";
+export * from "./Utils/ColorUtils";
+export * from "./Utils/NumberUtils";
+export * from "./Utils/Utils";
 export * from "./Types";
 export * from "./Core/Interfaces";
 export * from "./Core/Particle";

package/browser/index.slim.d.ts

@@ -1,7 +1,3 @@
-import * as CanvasUtils from "./Utils/CanvasUtils";
-import * as ColorUtils from "./Utils/ColorUtils";
-import * as NumberUtils from "./Utils/NumberUtils";
-import * as Utils from "./Utils/Utils";
 import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
 import type { IOptions } from "./Options/Interfaces/IOptions";
 import type { RecursivePartial } from "./Types";
@@ -13,7 +9,11 @@ declare const particlesJS: import("./pjs").IParticlesJS, pJSDom: import("./Core/
 export * from "./Core/Particle/Vector";
 export * from "./Core/Container";
 export * from "./Enums";
-export { CanvasUtils, Circle, CircleWarp, ColorUtils, Constants, NumberUtils, Point, Rectangle, Utils, Main, loadSlim };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadSlim };
+export * from "./Utils/CanvasUtils";
+export * from "./Utils/ColorUtils";
+export * from "./Utils/NumberUtils";
+export * from "./Utils/Utils";
 export * from "./Types";
 export * from "./Core/Interfaces";
 export * from "./Core/Particle";

package/browser/index.slim.js

@@ -1,8 +1,4 @@
 import { initPjs } from "./pjs";
-import * as CanvasUtils from "./Utils/CanvasUtils";
-import * as ColorUtils from "./Utils/ColorUtils";
-import * as NumberUtils from "./Utils/NumberUtils";
-import * as Utils from "./Utils/Utils";
 import { Circle, CircleWarp, Constants, Point, Rectangle } from "./Utils";
 import { Main } from "./main";
 import { loadSlim } from "./slim";
@@ -13,7 +9,11 @@ const { particlesJS, pJSDom } = initPjs(tsParticles);
 export * from "./Core/Particle/Vector";
 export * from "./Core/Container";
 export * from "./Enums";
-export { CanvasUtils, Circle, CircleWarp, ColorUtils, Constants, NumberUtils, Point, Rectangle, Utils, Main, loadSlim };
+export { Circle, CircleWarp, Constants, Point, Rectangle, Main, loadSlim };
+export * from "./Utils/CanvasUtils";
+export * from "./Utils/ColorUtils";
+export * from "./Utils/NumberUtils";
+export * from "./Utils/Utils";
 export * from "./Types";
 export * from "./Core/Interfaces";
 export * from "./Core/Particle";

package/browser/main.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m") throw new TypeError("Private method is not writable");
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
@@ -31,28 +22,20 @@ export class Main {
             __classPrivateFieldSet(this, _Main_initialized, true, "f");
         }
     }
-    loadFromArray(tagId, options, index) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return Loader.load(tagId, options, index);
-        });
+    async loadFromArray(tagId, options, index) {
+        return Loader.load(tagId, options, index);
     }
-    load(tagId, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return Loader.load(tagId, options);
-        });
+    async load(tagId, options) {
+        return Loader.load(tagId, options);
     }
-    set(id, element, options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return Loader.set(id, element, options);
-        });
+    async set(id, element, options) {
+        return Loader.set(id, element, options);
     }
     loadJSON(tagId, pathConfigJson, index) {
         return Loader.loadJSON(tagId, pathConfigJson, index);
     }
-    setJSON(id, element, pathConfigJson, index) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return Loader.setJSON(id, element, pathConfigJson, index);
-        });
+    async setJSON(id, element, pathConfigJson, index) {
+        return Loader.setJSON(id, element, pathConfigJson, index);
     }
     setOnClickHandler(callback) {
         Loader.setOnClickHandler(callback);

package/esm/Core/Canvas.d.ts

@@ -22,7 +22,6 @@ export declare class Canvas {
     drawConnectLine(p1: IParticle, p2: IParticle): void;
     drawGrabLine(particle: IParticle, lineColor: IRgb, opacity: number, mousePos: ICoordinates): void;
     drawParticle(particle: Particle, delta: IDelta): void;
-    drawOrbit(particle: IParticle, type: string): void;
     drawPlugin(plugin: IContainerPlugin, delta: IDelta): void;
     drawParticlePlugin(plugin: IContainerPlugin, particle: Particle, delta: IDelta): void;
     initBackground(): void;

package/esm/Core/Canvas.js

@@ -1,6 +1,5 @@
-import { colorToHsl, colorToRgb, Constants, deepExtend, drawConnectLine, drawEllipse, drawGrabLine, drawParticle, drawParticlePlugin, drawPlugin, getStyleFromHsl, getStyleFromRgb, gradient, paintBase, } from "../Utils";
+import { colorToHsl, colorToRgb, Constants, deepExtend, drawConnectLine, drawGrabLine, drawParticle, drawParticlePlugin, drawPlugin, getStyleFromHsl, getStyleFromRgb, gradient, paintBase, } from "../Utils";
 import { clear } from "../Utils";
-import { OrbitType } from "../Enums";
 export class Canvas {
     constructor(container) {
         this.container = container;
@@ -122,7 +121,7 @@ export class Canvas {
             }
             const pos1 = p1.getPosition();
             const pos2 = p2.getPosition();
-            drawConnectLine(ctx, (_a = p1.linksWidth) !== null && _a !== void 0 ? _a : this.container.retina.linksWidth, lineStyle, pos1, pos2);
+            drawConnectLine(ctx, (_a = p1.retina.linksWidth) !== null && _a !== void 0 ? _a : this.container.retina.linksWidth, lineStyle, pos1, pos2);
         });
     }
     drawGrabLine(particle, lineColor, opacity, mousePos) {
@@ -130,11 +129,11 @@ export class Canvas {
         this.draw((ctx) => {
             var _a;
             const beginPos = particle.getPosition();
-            drawGrabLine(ctx, (_a = particle.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth, beginPos, mousePos, lineColor, opacity);
+            drawGrabLine(ctx, (_a = particle.retina.linksWidth) !== null && _a !== void 0 ? _a : container.retina.linksWidth, beginPos, mousePos, lineColor, opacity);
         });
     }
     drawParticle(particle, delta) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         if (particle.spawning || particle.destroyed) {
             return;
         }
@@ -158,54 +157,36 @@ export class Canvas {
         }
         const options = this.container.actualOptions;
         const zIndexOptions = particle.options.zIndex;
-        const zOpacityFactor = Math.pow((1 - particle.zIndexFactor), zIndexOptions.opacityRate);
+        const zOpacityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.opacityRate;
         const radius = particle.getRadius();
-        const opacity = twinkling ? twinkle.opacity : (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : particle.opacity.value;
-        const strokeOpacity = (_c = particle.stroke.opacity) !== null && _c !== void 0 ? _c : opacity;
+        const opacity = twinkling ? twinkle.opacity : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
+        const strokeOpacity = (_f = (_e = particle.stroke) === null || _e === void 0 ? void 0 : _e.opacity) !== null && _f !== void 0 ? _f : opacity;
         const zOpacity = opacity * zOpacityFactor;
         const fillColorValue = fColor ? getStyleFromHsl(fColor, zOpacity) : undefined;
         if (!fillColorValue && !sColor) {
             return;
         }
-        const orbitOptions = particle.options.orbit;
         this.draw((ctx) => {
-            const zSizeFactor = Math.pow((1 - particle.zIndexFactor), zIndexOptions.sizeRate);
+            const zSizeFactor = (1 - particle.zIndexFactor) ** zIndexOptions.sizeRate;
             const zStrokeOpacity = strokeOpacity * zOpacityFactor;
             const strokeColorValue = sColor ? getStyleFromHsl(sColor, zStrokeOpacity) : fillColorValue;
             if (radius <= 0) {
                 return;
             }
-            if (orbitOptions.enable) {
-                this.drawOrbit(particle, OrbitType.back);
+            const container = this.container;
+            for (const updater of container.particles.updaters) {
+                if (updater.beforeDraw) {
+                    updater.beforeDraw(particle);
+                }
             }
             drawParticle(this.container, ctx, particle, delta, fillColorValue, strokeColorValue, options.backgroundMask.enable, options.backgroundMask.composite, radius * zSizeFactor, zOpacity, particle.options.shadow, particle.gradient);
-            if (orbitOptions.enable) {
-                this.drawOrbit(particle, OrbitType.front);
+            for (const updater of container.particles.updaters) {
+                if (updater.afterDraw) {
+                    updater.afterDraw(particle);
+                }
             }
         });
     }
-    drawOrbit(particle, type) {
-        const container = this.container;
-        const orbitOptions = particle.options.orbit;
-        let start;
-        let end;
-        if (type === OrbitType.back) {
-            start = Math.PI / 2;
-            end = (Math.PI * 3) / 2;
-        }
-        else if (type === OrbitType.front) {
-            start = (Math.PI * 3) / 2;
-            end = Math.PI / 2;
-        }
-        else {
-            start = 0;
-            end = 2 * Math.PI;
-        }
-        this.draw((ctx) => {
-            var _a, _b, _c, _d;
-            drawEllipse(ctx, particle, (_a = particle.orbitColor) !== null && _a !== void 0 ? _a : particle.getFillColor(), (_c = (_b = particle.orbitRadius) !== null && _b !== void 0 ? _b : container.retina.orbitRadius) !== null && _c !== void 0 ? _c : particle.getRadius(), orbitOptions.opacity, orbitOptions.width, ((_d = particle.orbitRotation) !== null && _d !== void 0 ? _d : 0) * container.retina.pixelRatio, start, end);
-        });
-    }
     drawPlugin(plugin, delta) {
         this.draw((ctx) => {
             drawPlugin(ctx, plugin, delta);

package/esm/Core/Container.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Canvas } from "./Canvas";
 import { Particles } from "./Particles";
 import { Retina } from "./Retina";
@@ -212,33 +203,29 @@ export class Container {
         delete this.particles.grabLineColor;
         delete this.particles.linksColor;
     }
-    loadTheme(name) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.currentTheme = name;
-            yield this.refresh();
-        });
+    async loadTheme(name) {
+        this.currentTheme = name;
+        await this.refresh();
     }
-    start() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.started) {
-                return;
+    async start() {
+        if (this.started) {
+            return;
+        }
+        await this.init();
+        this.started = true;
+        this.eventListeners.addListeners();
+        if (this.interactivity.element instanceof HTMLElement && this.intersectionObserver) {
+            this.intersectionObserver.observe(this.interactivity.element);
+        }
+        for (const [, plugin] of this.plugins) {
+            if (plugin.startAsync !== undefined) {
+                await plugin.startAsync();
             }
-            yield this.init();
-            this.started = true;
-            this.eventListeners.addListeners();
-            if (this.interactivity.element instanceof HTMLElement && this.intersectionObserver) {
-                this.intersectionObserver.observe(this.interactivity.element);
+            else if (plugin.start !== undefined) {
+                plugin.start();
             }
-            for (const [, plugin] of this.plugins) {
-                if (plugin.startAsync !== undefined) {
-                    yield plugin.startAsync();
-                }
-                else if (plugin.start !== undefined) {
-                    plugin.start();
-                }
-            }
-            this.play();
-        });
+        }
+        this.play();
     }
     addClickHandler(callback) {
         const el = this.interactivity.element;
@@ -322,59 +309,57 @@ export class Container {
         this.actualOptions.setResponsive(this.canvas.size.width, this.retina.pixelRatio, this._options);
         this.actualOptions.setTheme(this.currentTheme);
     }
-    init() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.actualOptions = new Options();
-            this.actualOptions.load(this._options);
-            this.retina.init();
-            this.canvas.init();
-            this.updateActualOptions();
-            this.canvas.initBackground();
-            this.canvas.resize();
-            this.zLayers = this.actualOptions.zLayers;
-            this.duration = getRangeValue(this.actualOptions.duration);
-            this.lifeTime = 0;
-            this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 60;
-            const availablePlugins = Plugins.getAvailablePlugins(this);
-            for (const [id, plugin] of availablePlugins) {
-                this.plugins.set(id, plugin);
+    async init() {
+        this.actualOptions = new Options();
+        this.actualOptions.load(this._options);
+        this.retina.init();
+        this.canvas.init();
+        this.updateActualOptions();
+        this.canvas.initBackground();
+        this.canvas.resize();
+        this.zLayers = this.actualOptions.zLayers;
+        this.duration = getRangeValue(this.actualOptions.duration);
+        this.lifeTime = 0;
+        this.fpsLimit = this.actualOptions.fpsLimit > 0 ? this.actualOptions.fpsLimit : 60;
+        const availablePlugins = Plugins.getAvailablePlugins(this);
+        for (const [id, plugin] of availablePlugins) {
+            this.plugins.set(id, plugin);
+        }
+        for (const [, drawer] of this.drawers) {
+            if (drawer.init) {
+                await drawer.init(this);
             }
-            for (const [, drawer] of this.drawers) {
-                if (drawer.init) {
-                    yield drawer.init(this);
-                }
+        }
+        for (const [, plugin] of this.plugins) {
+            if (plugin.init) {
+                plugin.init(this.actualOptions);
             }
-            for (const [, plugin] of this.plugins) {
-                if (plugin.init) {
-                    plugin.init(this.actualOptions);
+            else if (plugin.initAsync !== undefined) {
+                await plugin.initAsync(this.actualOptions);
+            }
+        }
+        const pathOptions = this.actualOptions.particles.move.path;
+        if (pathOptions.generator) {
+            const customGenerator = Plugins.getPathGenerator(pathOptions.generator);
+            if (customGenerator) {
+                if (customGenerator.init) {
+                    this.pathGenerator.init = customGenerator.init;
                 }
-                else if (plugin.initAsync !== undefined) {
-                    yield plugin.initAsync(this.actualOptions);
+                if (customGenerator.generate) {
+                    this.pathGenerator.generate = customGenerator.generate;
                 }
-            }
-            const pathOptions = this.actualOptions.particles.move.path;
-            if (pathOptions.generator) {
-                const customGenerator = Plugins.getPathGenerator(pathOptions.generator);
-                if (customGenerator) {
-                    if (customGenerator.init) {
-                        this.pathGenerator.init = customGenerator.init;
-                    }
-                    if (customGenerator.generate) {
-                        this.pathGenerator.generate = customGenerator.generate;
-                    }
-                    if (customGenerator.update) {
-                        this.pathGenerator.update = customGenerator.update;
-                    }
+                if (customGenerator.update) {
+                    this.pathGenerator.update = customGenerator.update;
                 }
             }
-            this.particles.init();
-            this.particles.setDensity();
-            for (const [, plugin] of this.plugins) {
-                if (plugin.particlesSetup !== undefined) {
-                    plugin.particlesSetup();
-                }
+        }
+        this.particles.init();
+        this.particles.setDensity();
+        for (const [, plugin] of this.plugins) {
+            if (plugin.particlesSetup !== undefined) {
+                plugin.particlesSetup();
             }
-        });
+        }
     }
     intersectionManager(entries) {
         if (!this.actualOptions.pauseOnOutsideViewport) {

package/esm/Core/Interfaces/IParticle.d.ts

@@ -9,14 +9,14 @@ import type { IHsl, IRgb } from "./Colors";
 import type { IParticleHslAnimation } from "./IParticleHslAnimation";
 import type { Vector } from "../Particle/Vector";
 import type { IParticleGradientAnimation } from "./IParticleGradientAnimation";
+import type { IParticleRetinaProps } from "./IParticleRetinaProps";
+import type { IParticleRoll } from "./IParticleRoll";
+import type { IParticleWobble } from "./IParticleWobble";
 export interface IParticle {
     misplaced: boolean;
     randomIndexData?: number;
-    readonly rollAngle: number;
-    readonly rollSpeed: number;
-    readonly wobbleAngle: number;
-    readonly wobbleSpeed: number;
-    readonly attractDistance?: number;
+    readonly roll?: IParticleRoll;
+    readonly wobble?: IParticleWobble;
     readonly bubble: IBubbleParticleData;
     readonly close: boolean;
     readonly destroyed: boolean;
@@ -28,10 +28,10 @@ export interface IParticle {
     readonly color?: IParticleHslAnimation;
     readonly gradient?: IParticleGradientAnimation;
     readonly backColor?: IHsl;
-    readonly opacity: IParticleValueAnimation<number>;
-    readonly rotate: IParticleValueAnimation<number>;
+    readonly opacity?: IParticleValueAnimation<number>;
+    readonly rotate?: IParticleValueAnimation<number>;
     readonly size: IParticleValueAnimation<number>;
-    readonly tilt: IParticleTiltValueAnimation;
+    readonly tilt?: IParticleTiltValueAnimation;
     readonly strokeColor?: IParticleHslAnimation;
     readonly options: IParticles;
     readonly position: Vector;
@@ -39,16 +39,12 @@ export interface IParticle {
     readonly shape?: ShapeType | string;
     readonly shapeData?: IShapeValues;
     readonly sides: number;
-    readonly stroke: IStroke;
-    readonly strokeWidth: number;
+    readonly stroke?: IStroke;
+    readonly strokeWidth?: number;
     readonly velocity: Vector;
-    readonly linksDistance?: number;
-    readonly linksWidth?: number;
-    readonly moveSpeed?: number;
-    readonly sizeAnimationSpeed?: number;
-    readonly orbitRadius?: number;
     readonly orbitRotation?: number;
     readonly orbitColor?: IHsl;
+    readonly retina: IParticleRetinaProps;
     getPosition(): ICoordinates3d;
     getRadius(): number;
     getMass(): number;

package/esm/Core/Interfaces/IParticleRetinaProps.d.ts

@@ -0,0 +1,12 @@
+import type { IDistance } from "./IDistance";
+export interface IParticleRetinaProps {
+    attractDistance?: number;
+    linksDistance?: number;
+    linksWidth?: number;
+    maxDistance: Partial<IDistance>;
+    maxSpeed?: number;
+    moveDrift?: number;
+    moveSpeed?: number;
+    sizeAnimationSpeed?: number;
+    spinAcceleration?: number;
+}

package/esm/Core/Interfaces/IParticleRetinaProps.js

@@ -0,0 +1 @@
+export {};

package/esm/Core/Interfaces/IParticleRoll.d.ts

@@ -0,0 +1,9 @@
+import type { AlterType } from "../../Enums";
+export interface IParticleRoll {
+    angle: number;
+    speed: number;
+    alter?: {
+        value: number;
+        type: AlterType;
+    };
+}

package/esm/Core/Interfaces/IParticleRoll.js

@@ -0,0 +1 @@
+export {};

package/esm/Core/Interfaces/IParticleUpdater.d.ts

@@ -1,6 +1,9 @@
 import type { IDelta } from "./IDelta";
 import type { Particle } from "../Particle";
 export interface IParticleUpdater {
+    init(particle: Particle): void;
     isEnabled(particle: Particle): boolean;
     update(particle: Particle, delta: IDelta): void;
+    beforeDraw?: (particle: Particle) => void;
+    afterDraw?: (particle: Particle) => void;
 }

package/esm/Core/Interfaces/IParticleWobble.d.ts

@@ -0,0 +1,4 @@
+export interface IParticleWobble {
+    angle: number;
+    speed: number;
+}

package/esm/Core/Interfaces/IParticleWobble.js

@@ -0,0 +1 @@
+export {};

package/esm/Core/Interfaces/IParticlesFrequencies.d.ts

@@ -0,0 +1,4 @@
+export interface IParticlesFrequencies {
+    links: Map<string, number>;
+    triangles: Map<string, number>;
+}

package/esm/Core/Interfaces/IParticlesFrequencies.js

@@ -0,0 +1 @@
+export {};

package/esm/Core/Interfaces/index.d.ts

@@ -21,10 +21,11 @@ export * from "./IParticleGradientColorAnimation";
 export * from "./IParticleHslAnimation";
 export * from "./IParticleLife";
 export * from "./IParticleLoops";
-export * from "./IParticlesInteractor";
-export * from "./IParticleUpdater";
+export * from "./IParticleRetinaProps";
 export * from "./IParticleSpin";
+export * from "./IParticleUpdater";
 export * from "./IParticleValueAnimation";
+export * from "./IParticlesInteractor";
 export * from "./IPlugin";
 export * from "./IRangeValue";
 export * from "./IRectSideResult";

package/esm/Core/Interfaces/index.js

@@ -21,10 +21,11 @@ export * from "./IParticleGradientColorAnimation";
 export * from "./IParticleHslAnimation";
 export * from "./IParticleLife";
 export * from "./IParticleLoops";
-export * from "./IParticlesInteractor";
-export * from "./IParticleUpdater";
+export * from "./IParticleRetinaProps";
 export * from "./IParticleSpin";
+export * from "./IParticleUpdater";
 export * from "./IParticleValueAnimation";
+export * from "./IParticlesInteractor";
 export * from "./IPlugin";
 export * from "./IRangeValue";
 export * from "./IRectSideResult";