@tsparticles/plugin-absorbers 3.0.3 → 3.1.0

package/browser/AbsorberInstance.js

@@ -1,5 +1,9 @@
-import { Vector, calcPositionOrRandomFromSize, calcPositionOrRandomFromSizeRanged, getDistance, getDistances, getRandom, getRangeValue, getStyleFromRgb, isPointInside, rangeColorToRgb, } from "@tsparticles/engine";
+import { Vector, calcPositionOrRandomFromSize, calcPositionOrRandomFromSizeRanged, getDistance, getDistances, getRandom, getRangeValue, getStyleFromRgb, isPointInside, percentDenominator, rangeColorToRgb, } from "@tsparticles/engine";
 import { Absorber } from "./Options/Classes/Absorber.js";
+const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, origin = {
+    x: 0,
+    y: 0,
+}, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
 export class AbsorberInstance {
     constructor(absorbers, container, options, position) {
         this.absorbers = absorbers;
@@ -25,17 +29,17 @@ export class AbsorberInstance {
             }
             if (this.options.orbits) {
                 if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = Vector.create(0, 0);
+                    particle.absorberOrbit = Vector.origin;
                     particle.absorberOrbit.length = getDistance(particle.getPosition(), this.position);
-                    particle.absorberOrbit.angle = getRandom() * Math.PI * 2;
+                    particle.absorberOrbit.angle = getRandom() * maxAngle;
                 }
                 if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-                    const minSize = Math.min(canvasSize.width, canvasSize.height);
-                    particle.absorberOrbit.length = minSize * (1 + (getRandom() * 0.2 - 0.1));
+                    const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;
+                    particle.absorberOrbit.length = minSize * (offset + (getRandom() * randomFactor - randomOffset));
                 }
                 if (particle.absorberOrbitDirection === undefined) {
                     particle.absorberOrbitDirection =
-                        particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+                        particle.velocity.x >= minVelocity ? "clockwise" : "counter-clockwise";
                 }
                 const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
                 particle.velocity.setTo(Vector.origin);
@@ -47,7 +51,7 @@ export class AbsorberInstance {
                 particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
                 particle.absorberOrbit.length -= v.length;
                 particle.absorberOrbit.angle +=
-                    (((particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio) / 100) *
+                    (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / percentDenominator) *
                         container.retina.reduceFactor;
             }
             else {
@@ -101,11 +105,11 @@ export class AbsorberInstance {
             }
         }
         const pos = particle.getPosition(), { dx, dy, distance } = getDistances(this.position, pos), v = Vector.create(dx, dy);
-        v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
+        v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
-            const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
+            const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
             if ((this.size > particle.getRadius() && distance < this.size - particle.getRadius()) ||
-                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < 0)) {
+                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength)) {
                 if (options.destroy) {
                     particle.destroy();
                 }
@@ -120,10 +124,10 @@ export class AbsorberInstance {
                 }
                 this._updateParticlePosition(particle, v);
             }
-            if (this.limit.radius <= 0 || this.size < this.limit.radius) {
+            if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
                 this.size += sizeFactor;
             }
-            if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+            if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
                 this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
             }
         }
@@ -134,7 +138,7 @@ export class AbsorberInstance {
     draw(context) {
         context.translate(this.position.x, this.position.y);
         context.beginPath();
-        context.arc(0, 0, this.size, 0, Math.PI * 2, false);
+        context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);
         context.closePath();
         context.fillStyle = getStyleFromRgb(this.color, this.opacity);
         context.fill();

package/browser/Absorbers.js

@@ -1,5 +1,6 @@
 import { executeOnSingleOrMultiple, isNumber, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { AbsorberInstance } from "./AbsorberInstance.js";
+const defaultIndex = 0;
 export class Absorbers {
     constructor(container) {
         this.container = container;
@@ -7,7 +8,7 @@ export class Absorbers {
         this.absorbers = [];
         this.interactivityAbsorbers = [];
         container.getAbsorber = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
         container.addAbsorber = (options, position) => this.addAbsorber(options, position);
     }
@@ -34,6 +35,7 @@ export class Absorbers {
         executeOnSingleOrMultiple(this.absorbers, (absorber) => {
             this.addAbsorber(absorber);
         });
+        await Promise.resolve();
     }
     particleUpdate(particle) {
         for (const absorber of this.array) {
@@ -44,9 +46,9 @@ export class Absorbers {
         }
     }
     removeAbsorber(absorber) {
-        const index = this.array.indexOf(absorber);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(absorber), deleteCount = 1;
+        if (index >= defaultIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/cjs/AbsorberInstance.js

@@ -3,6 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AbsorberInstance = void 0;
 const engine_1 = require("@tsparticles/engine");
 const Absorber_js_1 = require("./Options/Classes/Absorber.js");
+const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, origin = {
+    x: 0,
+    y: 0,
+}, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
 class AbsorberInstance {
     constructor(absorbers, container, options, position) {
         this.absorbers = absorbers;
@@ -28,17 +32,17 @@ class AbsorberInstance {
             }
             if (this.options.orbits) {
                 if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = engine_1.Vector.create(0, 0);
+                    particle.absorberOrbit = engine_1.Vector.origin;
                     particle.absorberOrbit.length = (0, engine_1.getDistance)(particle.getPosition(), this.position);
-                    particle.absorberOrbit.angle = (0, engine_1.getRandom)() * Math.PI * 2;
+                    particle.absorberOrbit.angle = (0, engine_1.getRandom)() * maxAngle;
                 }
                 if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-                    const minSize = Math.min(canvasSize.width, canvasSize.height);
-                    particle.absorberOrbit.length = minSize * (1 + ((0, engine_1.getRandom)() * 0.2 - 0.1));
+                    const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;
+                    particle.absorberOrbit.length = minSize * (offset + ((0, engine_1.getRandom)() * randomFactor - randomOffset));
                 }
                 if (particle.absorberOrbitDirection === undefined) {
                     particle.absorberOrbitDirection =
-                        particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+                        particle.velocity.x >= minVelocity ? "clockwise" : "counter-clockwise";
                 }
                 const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
                 particle.velocity.setTo(engine_1.Vector.origin);
@@ -50,7 +54,7 @@ class AbsorberInstance {
                 particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
                 particle.absorberOrbit.length -= v.length;
                 particle.absorberOrbit.angle +=
-                    (((particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio) / 100) *
+                    (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / engine_1.percentDenominator) *
                         container.retina.reduceFactor;
             }
             else {
@@ -104,11 +108,11 @@ class AbsorberInstance {
             }
         }
         const pos = particle.getPosition(), { dx, dy, distance } = (0, engine_1.getDistances)(this.position, pos), v = engine_1.Vector.create(dx, dy);
-        v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
+        v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
-            const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
+            const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
             if ((this.size > particle.getRadius() && distance < this.size - particle.getRadius()) ||
-                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < 0)) {
+                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength)) {
                 if (options.destroy) {
                     particle.destroy();
                 }
@@ -123,10 +127,10 @@ class AbsorberInstance {
                 }
                 this._updateParticlePosition(particle, v);
             }
-            if (this.limit.radius <= 0 || this.size < this.limit.radius) {
+            if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
                 this.size += sizeFactor;
             }
-            if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+            if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
                 this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
             }
         }
@@ -137,7 +141,7 @@ class AbsorberInstance {
     draw(context) {
         context.translate(this.position.x, this.position.y);
         context.beginPath();
-        context.arc(0, 0, this.size, 0, Math.PI * 2, false);
+        context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);
         context.closePath();
         context.fillStyle = (0, engine_1.getStyleFromRgb)(this.color, this.opacity);
         context.fill();

package/cjs/Absorbers.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Absorbers = void 0;
 const engine_1 = require("@tsparticles/engine");
 const AbsorberInstance_js_1 = require("./AbsorberInstance.js");
+const defaultIndex = 0;
 class Absorbers {
     constructor(container) {
         this.container = container;
@@ -10,7 +11,7 @@ class Absorbers {
         this.absorbers = [];
         this.interactivityAbsorbers = [];
         container.getAbsorber = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
         container.addAbsorber = (options, position) => this.addAbsorber(options, position);
     }
@@ -37,6 +38,7 @@ class Absorbers {
         (0, engine_1.executeOnSingleOrMultiple)(this.absorbers, (absorber) => {
             this.addAbsorber(absorber);
         });
+        await Promise.resolve();
     }
     particleUpdate(particle) {
         for (const absorber of this.array) {
@@ -47,9 +49,9 @@ class Absorbers {
         }
     }
     removeAbsorber(absorber) {
-        const index = this.array.indexOf(absorber);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(absorber), deleteCount = 1;
+        if (index >= defaultIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/esm/AbsorberInstance.js

@@ -1,5 +1,9 @@
-import { Vector, calcPositionOrRandomFromSize, calcPositionOrRandomFromSizeRanged, getDistance, getDistances, getRandom, getRangeValue, getStyleFromRgb, isPointInside, rangeColorToRgb, } from "@tsparticles/engine";
+import { Vector, calcPositionOrRandomFromSize, calcPositionOrRandomFromSizeRanged, getDistance, getDistances, getRandom, getRangeValue, getStyleFromRgb, isPointInside, percentDenominator, rangeColorToRgb, } from "@tsparticles/engine";
 import { Absorber } from "./Options/Classes/Absorber.js";
+const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, origin = {
+    x: 0,
+    y: 0,
+}, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
 export class AbsorberInstance {
     constructor(absorbers, container, options, position) {
         this.absorbers = absorbers;
@@ -25,17 +29,17 @@ export class AbsorberInstance {
             }
             if (this.options.orbits) {
                 if (particle.absorberOrbit === undefined) {
-                    particle.absorberOrbit = Vector.create(0, 0);
+                    particle.absorberOrbit = Vector.origin;
                     particle.absorberOrbit.length = getDistance(particle.getPosition(), this.position);
-                    particle.absorberOrbit.angle = getRandom() * Math.PI * 2;
+                    particle.absorberOrbit.angle = getRandom() * maxAngle;
                 }
                 if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-                    const minSize = Math.min(canvasSize.width, canvasSize.height);
-                    particle.absorberOrbit.length = minSize * (1 + (getRandom() * 0.2 - 0.1));
+                    const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;
+                    particle.absorberOrbit.length = minSize * (offset + (getRandom() * randomFactor - randomOffset));
                 }
                 if (particle.absorberOrbitDirection === undefined) {
                     particle.absorberOrbitDirection =
-                        particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+                        particle.velocity.x >= minVelocity ? "clockwise" : "counter-clockwise";
                 }
                 const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
                 particle.velocity.setTo(Vector.origin);
@@ -47,7 +51,7 @@ export class AbsorberInstance {
                 particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
                 particle.absorberOrbit.length -= v.length;
                 particle.absorberOrbit.angle +=
-                    (((particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio) / 100) *
+                    (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / percentDenominator) *
                         container.retina.reduceFactor;
             }
             else {
@@ -101,11 +105,11 @@ export class AbsorberInstance {
             }
         }
         const pos = particle.getPosition(), { dx, dy, distance } = getDistances(this.position, pos), v = Vector.create(dx, dy);
-        v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
+        v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
         if (distance < this.size + particle.getRadius()) {
-            const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
+            const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
             if ((this.size > particle.getRadius() && distance < this.size - particle.getRadius()) ||
-                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < 0)) {
+                (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength)) {
                 if (options.destroy) {
                     particle.destroy();
                 }
@@ -120,10 +124,10 @@ export class AbsorberInstance {
                 }
                 this._updateParticlePosition(particle, v);
             }
-            if (this.limit.radius <= 0 || this.size < this.limit.radius) {
+            if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
                 this.size += sizeFactor;
             }
-            if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+            if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
                 this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
             }
         }
@@ -134,7 +138,7 @@ export class AbsorberInstance {
     draw(context) {
         context.translate(this.position.x, this.position.y);
         context.beginPath();
-        context.arc(0, 0, this.size, 0, Math.PI * 2, false);
+        context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);
         context.closePath();
         context.fillStyle = getStyleFromRgb(this.color, this.opacity);
         context.fill();

package/esm/Absorbers.js

@@ -1,5 +1,6 @@
 import { executeOnSingleOrMultiple, isNumber, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { AbsorberInstance } from "./AbsorberInstance.js";
+const defaultIndex = 0;
 export class Absorbers {
     constructor(container) {
         this.container = container;
@@ -7,7 +8,7 @@ export class Absorbers {
         this.absorbers = [];
         this.interactivityAbsorbers = [];
         container.getAbsorber = (idxOrName) => idxOrName === undefined || isNumber(idxOrName)
-            ? this.array[idxOrName || 0]
+            ? this.array[idxOrName ?? defaultIndex]
             : this.array.find((t) => t.name === idxOrName);
         container.addAbsorber = (options, position) => this.addAbsorber(options, position);
     }
@@ -34,6 +35,7 @@ export class Absorbers {
         executeOnSingleOrMultiple(this.absorbers, (absorber) => {
             this.addAbsorber(absorber);
         });
+        await Promise.resolve();
     }
     particleUpdate(particle) {
         for (const absorber of this.array) {
@@ -44,9 +46,9 @@ export class Absorbers {
         }
     }
     removeAbsorber(absorber) {
-        const index = this.array.indexOf(absorber);
-        if (index >= 0) {
-            this.array.splice(index, 1);
+        const index = this.array.indexOf(absorber), deleteCount = 1;
+        if (index >= defaultIndex) {
+            this.array.splice(index, deleteCount);
         }
     }
     resize() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-absorbers",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "tsParticles absorbers plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -86,7 +86,7 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.3"
+    "@tsparticles/engine": "^3.1.0"
   },
   "publishConfig": {
     "access": "public"

package/report.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <title>@tsparticles/plugin-absorbers [26 Dec 2023 at 19:27]</title>
+    <title>@tsparticles/plugin-absorbers [13 Jan 2024 at 23:02]</title>
     <link rel="shortcut icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABrVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+O1foceMD///+J0/qK1Pr7/v8Xdr/9///W8P4UdL7L7P0Scr2r4Pyj3vwad8D5/f/2/f+55f3E6f34+/2H0/ojfMKpzOd0rNgQcb3F3O/j9f7c8v6g3Pz0/P/w+v/q+P7n9v6T1/uQ1vuE0vqLut/y+v+Z2fvt+f+15Pzv9fuc2/vR7v2V2Pvd6/bg9P7I6/285/2y4/yp3/zp8vk8i8kqgMT7/P31+fyv4vxGkcz6/P6/6P3j7vfS5PNnpNUxhcbO7f7F6v3O4vHK3/DA2u631Ouy0eqXweKJud5wqthfoNMMbLvY8f73+v2dxeR8sNtTmdDx9/zX6PSjyeaCtd1YnNGX2PuQveCGt95Nls42h8dLlM3F4vBtAAAAM3RSTlMAAyOx0/sKBvik8opWGBMOAe3l1snDm2E9LSb06eHcu5JpHbarfHZCN9CBb08zzkdNS0kYaptYAAAFV0lEQVRYw92X51/aYBDHHS2O2qqttVbrqNq9m+TJIAYIShBkWwqIiCgoWvfeq7Z2/s29hyQNyUcR7LveGwVyXy6XH8/9rqxglLfUPLxVduUor3h0rfp2TYvpivk37929TkG037hffoX0+peVtZQc1589rigVUdXS/ABSAyEmGIO/1XfvldSK8vs3OqB6u3m0nxmIrvgB0dj7rr7Y9IbuF68hnfFaiHA/sxqm0wciIG43P60qKv9WXWc1RXGh/mFESFABTSBi0sNAKzqet17eCtOb3kZIDwxEEU0oAIJGYxNBDhBND29e0rtXXbcpuPmED9IhEAAQ/AXEaF8EPmnrrKsv0LvWR3fg5sWDNAFZOgAgaKvZDogHNU9MFwnnYROkc56RD5CjAbQX9Ow4g7upCsvYu55aSI/Nj0H1akgKQEUM94dwK65hYRmFU9MIcH/fqJYOZYcnuJSU/waKDgTOEVaVKhwrTRP5XzgSpAITYzom7UvkhFX5VutmxeNnWDjjswTKTyfgluNDGbUpWissXhF3s7mlSml+czWkg3D0l1nNjGNjz3myOQOa1KM/jOS6ebdbAVTCi4gljHSFrviza7tOgRWcS0MOUX9zdNgag5w7rRqA44Lzw0hr1WqES36dFliSJFlh2rXIae3FFcDDgKdxrUIDePr8jGcSClV1u7A9xeN0ModY/pHMxmR1EzRh8TJiwqsHmKW0l4FCEZI+jHio+JdPPE9qwQtTRxku2D8sIeRL2LnxWSllANCQGOIiqVHAz2ye2JR0DcH+HoxDkaADLjgxjKQ+AwCX/g0+DNgdG0ukYCONAe+dbc2IAc6fwt1ARoDSezNHxV2Cmzwv3O6lDMV55edBGwGK9n1+x2F8EDfAGCxug8MhpsMEcTEAWf3rx2vZhe/LAmtIn/6apE6PN0ULKgywD9mmdxbmFl3OvD5AS5fW5zLbv/YHmcsBTjf/afDz3MaZTVCfAP9z6/Bw6ycv8EUBWJIn9zYcoAWWlW9+OzO3vkTy8H+RANLmdrpOuYWdZYEXpo+TlCJrW5EARb7fF+bWdqf3hhyZI1nWJQHgznErZhbjoEsWqi8dQNoE294aldzFurwSABL2XXMf9+H1VQGke9exw5P/AnA5Pv5ngMul7LOvO922iwACu8WkCwLCafvM4CeWPxfA8lNHcWZSoi8EwMAIciKX2Z4SWCMAa3snCZ/G4EA8D6CMLNFsGQhkkz/gQNEBbPCbWsxGUpYVu3z8IyNAknwJkfPMEhLyrdi5RTyUVACkw4GSFRNWJNEW+fgPGwHD8/JxnRuLabN4CGNRkAE23na2+VmEAUmrYymSGjMAYqH84YUIyzgzs3XC7gNgH36Vcc4zKY9o9fgPBXUAiHHwVboBHGLiX6Zcjp1f2wu4tvzZKo0ecPnDtQYDQvJXaBeNzce45Fp28ZQLrEZVuFqgBwOalArKXnW1UzlnSusQKJqKYNuz4tOnI6sZG4zanpemv+7ySU2jbA9h6uhcgpfy6G2PahirDZ6zvq6zDduMVFTKvzw8wgyEdelwY9in3XkEPs3osJuwRQ4qTkfzifndg9Gfc4pdsu82+tTnHZTBa2EAMrqr2t43pguc8tNm7JQVQ2S0ukj2d22dhXYP0/veWtwKrCkNoNimAN5+Xr/oLrxswKbVJjteWrX7eR63o4j9q0GxnaBdWgGA5VStpanIjQmEhV0/nVt5VOFUvix6awJhPcAaTEShgrG+iGyvb5a0Ndb1YGHFPEwoqAinoaykaID1o1pdPNu7XsnCKQ3R+hwWIIhGvORcJUBYXe3Xa3vq/mF/N9V13ugufMkfXn+KHsRD0B8AAAAASUVORK5CYII=" type="image/x-icon" />
 
     <script>
@@ -31,7 +31,7 @@
   <body>
     <div id="app"></div>
     <script>
-      window.chartData = [{"label":"tsparticles.plugin.absorbers.js","isAsset":true,"statSize":11782,"parsedSize":15709,"gzipSize":3839,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":11740,"groups":[{"id":164,"label":"index.js + 5 modules (concatenated)","path":"./dist/browser/index.js + 5 modules (concatenated)","statSize":11740,"parsedSize":15709,"gzipSize":3839,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser","statSize":11740,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/index.js","statSize":1489,"parsedSize":1992,"gzipSize":486,"inaccurateSizes":true},{"id":null,"label":"Absorbers.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Absorbers.js","statSize":2028,"parsedSize":2713,"gzipSize":663,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes","statSize":2132,"groups":[{"id":null,"label":"Absorber.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes/Absorber.js","statSize":1255,"parsedSize":1679,"gzipSize":410,"inaccurateSizes":true},{"id":null,"label":"AbsorberSize.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes/AbsorberSize.js","statSize":579,"parsedSize":774,"gzipSize":189,"inaccurateSizes":true},{"id":null,"label":"AbsorberSizeLimit.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes/AbsorberSizeLimit.js","statSize":298,"parsedSize":398,"gzipSize":97,"inaccurateSizes":true}],"parsedSize":2852,"gzipSize":697,"inaccurateSizes":true},{"id":null,"label":"AbsorberInstance.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/AbsorberInstance.js","statSize":6091,"parsedSize":8150,"gzipSize":1991,"inaccurateSizes":true}],"parsedSize":15709,"gzipSize":3839,"inaccurateSizes":true}]}],"parsedSize":15709,"gzipSize":3839},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.absorbers":true}}];
+      window.chartData = [{"label":"tsparticles.plugin.absorbers.js","isAsset":true,"statSize":12323,"parsedSize":16284,"gzipSize":4021,"groups":[{"label":"dist/browser","path":"./dist/browser","statSize":12281,"groups":[{"id":205,"label":"index.js + 5 modules (concatenated)","path":"./dist/browser/index.js + 5 modules (concatenated)","statSize":12281,"parsedSize":16284,"gzipSize":4021,"concatenated":true,"groups":[{"label":"dist/browser","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser","statSize":12281,"groups":[{"id":null,"label":"index.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/index.js","statSize":1489,"parsedSize":1974,"gzipSize":487,"inaccurateSizes":true},{"id":null,"label":"Absorbers.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Absorbers.js","statSize":2136,"parsedSize":2832,"gzipSize":699,"inaccurateSizes":true},{"label":"Options/Classes","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes","statSize":2132,"groups":[{"id":null,"label":"Absorber.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes/Absorber.js","statSize":1255,"parsedSize":1664,"gzipSize":410,"inaccurateSizes":true},{"id":null,"label":"AbsorberSize.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes/AbsorberSize.js","statSize":579,"parsedSize":767,"gzipSize":189,"inaccurateSizes":true},{"id":null,"label":"AbsorberSizeLimit.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/Options/Classes/AbsorberSizeLimit.js","statSize":298,"parsedSize":395,"gzipSize":97,"inaccurateSizes":true}],"parsedSize":2826,"gzipSize":698,"inaccurateSizes":true},{"id":null,"label":"AbsorberInstance.js","path":"./dist/browser/index.js + 5 modules (concatenated)/dist/browser/AbsorberInstance.js","statSize":6524,"parsedSize":8650,"gzipSize":2136,"inaccurateSizes":true}],"parsedSize":16284,"gzipSize":4021,"inaccurateSizes":true}]}],"parsedSize":16284,"gzipSize":4021},{"label":"engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles","statSize":42,"groups":[{"id":533,"label":"engine\",\"root\":\"window\"}","path":"./engine\",\"commonjs2\":\"@tsparticles/engine\",\"amd\":\"@tsparticles/engine\",\"root\":\"window\"}","statSize":42}],"parsedSize":0,"gzipSize":0}],"isInitialByEntrypoint":{"tsparticles.plugin.absorbers":true}}];
       window.entrypoints = ["tsparticles.plugin.absorbers","tsparticles.plugin.absorbers.min"];
       window.defaultSizes = "parsed";
     </script>

package/tsparticles.plugin.absorbers.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v3.0.3
+ * v3.1.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -189,6 +189,19 @@ class Absorber {
 ;// CONCATENATED MODULE: ./dist/browser/AbsorberInstance.js
 
 
+const squareExp = 2,
+  absorbFactor = 0.033,
+  minOrbitLength = 0,
+  minRadius = 0,
+  minMass = 0,
+  origin = {
+    x: 0,
+    y: 0
+  },
+  minAngle = 0,
+  AbsorberInstance_double = 2,
+  maxAngle = Math.PI * AbsorberInstance_double,
+  minVelocity = 0;
 class AbsorberInstance {
   constructor(absorbers, container, options, position) {
     this.absorbers = absorbers;
@@ -217,16 +230,19 @@ class AbsorberInstance {
       }
       if (this.options.orbits) {
         if (particle.absorberOrbit === undefined) {
-          particle.absorberOrbit = engine_root_window_.Vector.create(0, 0);
+          particle.absorberOrbit = engine_root_window_.Vector.origin;
           particle.absorberOrbit.length = (0,engine_root_window_.getDistance)(particle.getPosition(), this.position);
-          particle.absorberOrbit.angle = (0,engine_root_window_.getRandom)() * Math.PI * 2;
+          particle.absorberOrbit.angle = (0,engine_root_window_.getRandom)() * maxAngle;
         }
         if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-          const minSize = Math.min(canvasSize.width, canvasSize.height);
-          particle.absorberOrbit.length = minSize * (1 + ((0,engine_root_window_.getRandom)() * 0.2 - 0.1));
+          const minSize = Math.min(canvasSize.width, canvasSize.height),
+            offset = 1,
+            randomOffset = 0.1,
+            randomFactor = 0.2;
+          particle.absorberOrbit.length = minSize * (offset + ((0,engine_root_window_.getRandom)() * randomFactor - randomOffset));
         }
         if (particle.absorberOrbitDirection === undefined) {
-          particle.absorberOrbitDirection = particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+          particle.absorberOrbitDirection = particle.velocity.x >= minVelocity ? "clockwise" : "counter-clockwise";
         }
         const orbitRadius = particle.absorberOrbit.length,
           orbitAngle = particle.absorberOrbit.angle,
@@ -239,7 +255,7 @@ class AbsorberInstance {
         particle.position.x = this.position.x + orbitRadius * updateFunc.x(orbitAngle);
         particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
         particle.absorberOrbit.length -= v.length;
-        particle.absorberOrbit.angle += (particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio / 100 * container.retina.reduceFactor;
+        particle.absorberOrbit.angle += (particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio / engine_root_window_.percentDenominator * container.retina.reduceFactor;
       } else {
         const addV = engine_root_window_.Vector.origin;
         addV.length = v.length;
@@ -296,10 +312,10 @@ class AbsorberInstance {
         distance
       } = (0,engine_root_window_.getDistances)(this.position, pos),
       v = engine_root_window_.Vector.create(dx, dy);
-    v.length = this.mass / Math.pow(distance, 2) * container.retina.reduceFactor;
+    v.length = this.mass / Math.pow(distance, squareExp) * container.retina.reduceFactor;
     if (distance < this.size + particle.getRadius()) {
-      const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
-      if (this.size > particle.getRadius() && distance < this.size - particle.getRadius() || particle.absorberOrbit !== undefined && particle.absorberOrbit.length < 0) {
+      const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
+      if (this.size > particle.getRadius() && distance < this.size - particle.getRadius() || particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength) {
         if (options.destroy) {
           particle.destroy();
         } else {
@@ -312,10 +328,10 @@ class AbsorberInstance {
         }
         this._updateParticlePosition(particle, v);
       }
-      if (this.limit.radius <= 0 || this.size < this.limit.radius) {
+      if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
         this.size += sizeFactor;
       }
-      if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+      if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
         this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
       }
     } else {
@@ -325,7 +341,7 @@ class AbsorberInstance {
   draw(context) {
     context.translate(this.position.x, this.position.y);
     context.beginPath();
-    context.arc(0, 0, this.size, 0, Math.PI * 2, false);
+    context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);
     context.closePath();
     context.fillStyle = (0,engine_root_window_.getStyleFromRgb)(this.color, this.opacity);
     context.fill();
@@ -338,13 +354,14 @@ class AbsorberInstance {
 ;// CONCATENATED MODULE: ./dist/browser/Absorbers.js
 
 
+const defaultIndex = 0;
 class Absorbers {
   constructor(container) {
     this.container = container;
     this.array = [];
     this.absorbers = [];
     this.interactivityAbsorbers = [];
-    container.getAbsorber = idxOrName => idxOrName === undefined || (0,engine_root_window_.isNumber)(idxOrName) ? this.array[idxOrName || 0] : this.array.find(t => t.name === idxOrName);
+    container.getAbsorber = idxOrName => idxOrName === undefined || (0,engine_root_window_.isNumber)(idxOrName) ? this.array[idxOrName ?? defaultIndex] : this.array.find(t => t.name === idxOrName);
     container.addAbsorber = (options, position) => this.addAbsorber(options, position);
   }
   addAbsorber(options, position) {
@@ -373,6 +390,7 @@ class Absorbers {
     (0,engine_root_window_.executeOnSingleOrMultiple)(this.absorbers, absorber => {
       this.addAbsorber(absorber);
     });
+    await Promise.resolve();
   }
   particleUpdate(particle) {
     for (const absorber of this.array) {
@@ -383,9 +401,10 @@ class Absorbers {
     }
   }
   removeAbsorber(absorber) {
-    const index = this.array.indexOf(absorber);
-    if (index >= 0) {
-      this.array.splice(index, 1);
+    const index = this.array.indexOf(absorber),
+      deleteCount = 1;
+    if (index >= defaultIndex) {
+      this.array.splice(index, deleteCount);
     }
   }
   resize() {

package/tsparticles.plugin.absorbers.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.plugin.absorbers.min.js.LICENSE.txt */
-!function(i,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var s="object"==typeof exports?t(require("@tsparticles/engine")):t(i.window);for(var o in s)("object"==typeof exports?exports:i)[o]=s[o]}}(this,(i=>(()=>{"use strict";var t={533:t=>{t.exports=i}},s={};function o(i){var e=s[i];if(void 0!==e)return e.exports;var r=s[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(i,t)=>{for(var s in t)o.o(t,s)&&!o.o(i,s)&&Object.defineProperty(i,s,{enumerable:!0,get:t[s]})},o.o=(i,t)=>Object.prototype.hasOwnProperty.call(i,t),o.r=i=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})};var e={};return(()=>{o.r(e),o.d(e,{loadAbsorbersPlugin:()=>h});var i=o(533);class t{constructor(){this.radius=0,this.mass=0}load(i){i&&(void 0!==i.mass&&(this.mass=i.mass),void 0!==i.radius&&(this.radius=i.radius))}}class s extends i.ValueWithRandom{constructor(){super(),this.density=5,this.value=50,this.limit=new t}load(t){t&&(super.load(t),void 0!==t.density&&(this.density=t.density),(0,i.isNumber)(t.limit)?this.limit.radius=t.limit:this.limit.load(t.limit))}}class r{constructor(){this.color=new i.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new s}load(t){void 0!==t&&(void 0!==t.color&&(this.color=i.OptionsColor.create(this.color,t.color)),void 0!==t.draggable&&(this.draggable=t.draggable),this.name=t.name,void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,i.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,i.setRangeValue)(t.position.y))),void 0!==t.size&&this.size.load(t.size),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.orbits&&(this.orbits=t.orbits))}}class n{constructor(t,s,o,e){this.absorbers=t,this.container=s,this._calcPosition=()=>{const t=(0,i.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position});return i.Vector.create(t.x,t.y)},this._updateParticlePosition=(t,s)=>{if(t.destroyed)return;const o=this.container,e=o.canvas.size;if(t.needsNewPosition){const s=(0,i.calcPositionOrRandomFromSize)({size:e});t.position.setTo(s),t.velocity.setTo(t.initialVelocity),t.absorberOrbit=void 0,t.needsNewPosition=!1}if(this.options.orbits){if(void 0===t.absorberOrbit&&(t.absorberOrbit=i.Vector.create(0,0),t.absorberOrbit.length=(0,i.getDistance)(t.getPosition(),this.position),t.absorberOrbit.angle=(0,i.getRandom)()*Math.PI*2),t.absorberOrbit.length<=this.size&&!this.options.destroy){const s=Math.min(e.width,e.height);t.absorberOrbit.length=s*(.2*(0,i.getRandom)()-.1+1)}void 0===t.absorberOrbitDirection&&(t.absorberOrbitDirection=t.velocity.x>=0?"clockwise":"counter-clockwise");const r=t.absorberOrbit.length,n=t.absorberOrbit.angle,a=t.absorberOrbitDirection;t.velocity.setTo(i.Vector.origin);const c={x:"clockwise"===a?Math.cos:Math.sin,y:"clockwise"===a?Math.sin:Math.cos};t.position.x=this.position.x+r*c.x(n),t.position.y=this.position.y+r*c.y(n),t.absorberOrbit.length-=s.length,t.absorberOrbit.angle+=(t.retina.moveSpeed??0)*o.retina.pixelRatio/100*o.retina.reduceFactor}else{const o=i.Vector.origin;o.length=s.length,o.angle=s.angle,t.velocity.addTo(o)}},this.initialPosition=e?i.Vector.create(e.x,e.y):void 0,o instanceof r?this.options=o:(this.options=new r,this.options.load(o)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,i.getRangeValue)(this.options.size.value)*s.retina.pixelRatio,this.mass=this.size*this.options.size.density*s.retina.reduceFactor;const n=this.options.size.limit;this.limit={radius:n.radius*s.retina.pixelRatio*s.retina.reduceFactor,mass:n.mass},this.color=(0,i.rangeColorToRgb)(this.options.color)??{b:0,g:0,r:0},this.position=this.initialPosition?.copy()??this._calcPosition()}attract(t){const s=this.container,o=this.options;if(o.draggable){const t=s.interactivity.mouse;if(t.clicking&&t.downPosition){(0,i.getDistance)(this.position,t.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&t.position&&(this.position.x=t.position.x,this.position.y=t.position.y)}const e=t.getPosition(),{dx:r,dy:n,distance:a}=(0,i.getDistances)(this.position,e),c=i.Vector.create(r,n);if(c.length=this.mass/Math.pow(a,2)*s.retina.reduceFactor,a<this.size+t.getRadius()){const i=.033*t.getRadius()*s.retina.pixelRatio;this.size>t.getRadius()&&a<this.size-t.getRadius()||void 0!==t.absorberOrbit&&t.absorberOrbit.length<0?o.destroy?t.destroy():(t.needsNewPosition=!0,this._updateParticlePosition(t,c)):(o.destroy&&(t.size.value-=i),this._updateParticlePosition(t,c)),(this.limit.radius<=0||this.size<this.limit.radius)&&(this.size+=i),(this.limit.mass<=0||this.mass<this.limit.mass)&&(this.mass+=i*this.options.size.density*s.retina.reduceFactor)}else this._updateParticlePosition(t,c)}draw(t){t.translate(this.position.x,this.position.y),t.beginPath(),t.arc(0,0,this.size,0,2*Math.PI,!1),t.closePath(),t.fillStyle=(0,i.getStyleFromRgb)(this.color,this.opacity),t.fill()}resize(){const t=this.initialPosition;this.position=t&&(0,i.isPointInside)(t,this.container.canvas.size,i.Vector.origin)?t:this._calcPosition()}}class a{constructor(t){this.container=t,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],t.getAbsorber=t=>void 0===t||(0,i.isNumber)(t)?this.array[t||0]:this.array.find((i=>i.name===t)),t.addAbsorber=(i,t)=>this.addAbsorber(i,t)}addAbsorber(i,t){const s=new n(this,this.container,i,t);return this.array.push(s),s}draw(i){for(const t of this.array)t.draw(i)}handleClickMode(t){const s=this.absorbers,o=this.interactivityAbsorbers;if("absorber"===t){const t=(0,i.itemFromSingleOrMultiple)(o)??(0,i.itemFromSingleOrMultiple)(s),e=this.container.interactivity.mouse.clickPosition;this.addAbsorber(t,e)}}async init(){this.absorbers=this.container.actualOptions.absorbers,this.interactivityAbsorbers=this.container.actualOptions.interactivity.modes.absorbers,(0,i.executeOnSingleOrMultiple)(this.absorbers,(i=>{this.addAbsorber(i)}))}particleUpdate(i){for(const t of this.array)if(t.attract(i),i.destroyed)break}removeAbsorber(i){const t=this.array.indexOf(i);t>=0&&this.array.splice(t,1)}resize(){for(const i of this.array)i.resize()}stop(){this.array=[]}}class c{constructor(){this.id="absorbers"}getPlugin(i){return new a(i)}loadOptions(t,s){(this.needsPlugin(t)||this.needsPlugin(s))&&(s?.absorbers&&(t.absorbers=(0,i.executeOnSingleOrMultiple)(s.absorbers,(i=>{const t=new r;return t.load(i),t}))),t.interactivity.modes.absorbers=(0,i.executeOnSingleOrMultiple)(s?.interactivity?.modes?.absorbers,(i=>{const t=new r;return t.load(i),t})))}needsPlugin(t){if(!t)return!1;const s=t.absorbers;return(0,i.isArray)(s)?!!s.length:!!s||!(!t.interactivity?.events?.onClick?.mode||!(0,i.isInArray)("absorber",t.interactivity.events.onClick.mode))}}async function h(i,t=!0){await i.addPlugin(new c,t)}})(),e})()));
+!function(i,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var s="object"==typeof exports?t(require("@tsparticles/engine")):t(i.window);for(var o in s)("object"==typeof exports?exports:i)[o]=s[o]}}(this,(i=>(()=>{"use strict";var t={533:t=>{t.exports=i}},s={};function o(i){var e=s[i];if(void 0!==e)return e.exports;var r=s[i]={exports:{}};return t[i](r,r.exports,o),r.exports}o.d=(i,t)=>{for(var s in t)o.o(t,s)&&!o.o(i,s)&&Object.defineProperty(i,s,{enumerable:!0,get:t[s]})},o.o=(i,t)=>Object.prototype.hasOwnProperty.call(i,t),o.r=i=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(i,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(i,"__esModule",{value:!0})};var e={};return(()=>{o.r(e),o.d(e,{loadAbsorbersPlugin:()=>b});var i=o(533);class t{constructor(){this.radius=0,this.mass=0}load(i){i&&(void 0!==i.mass&&(this.mass=i.mass),void 0!==i.radius&&(this.radius=i.radius))}}class s extends i.ValueWithRandom{constructor(){super(),this.density=5,this.value=50,this.limit=new t}load(t){t&&(super.load(t),void 0!==t.density&&(this.density=t.density),(0,i.isNumber)(t.limit)?this.limit.radius=t.limit:this.limit.load(t.limit))}}class r{constructor(){this.color=new i.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new s}load(t){void 0!==t&&(void 0!==t.color&&(this.color=i.OptionsColor.create(this.color,t.color)),void 0!==t.draggable&&(this.draggable=t.draggable),this.name=t.name,void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,i.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,i.setRangeValue)(t.position.y))),void 0!==t.size&&this.size.load(t.size),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.orbits&&(this.orbits=t.orbits))}}const n=0,a=0,c=2*Math.PI;class l{constructor(t,s,o,e){this.absorbers=t,this.container=s,this._calcPosition=()=>{const t=(0,i.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position});return i.Vector.create(t.x,t.y)},this._updateParticlePosition=(t,s)=>{if(t.destroyed)return;const o=this.container,e=o.canvas.size;if(t.needsNewPosition){const s=(0,i.calcPositionOrRandomFromSize)({size:e});t.position.setTo(s),t.velocity.setTo(t.initialVelocity),t.absorberOrbit=void 0,t.needsNewPosition=!1}if(this.options.orbits){if(void 0===t.absorberOrbit&&(t.absorberOrbit=i.Vector.origin,t.absorberOrbit.length=(0,i.getDistance)(t.getPosition(),this.position),t.absorberOrbit.angle=(0,i.getRandom)()*c),t.absorberOrbit.length<=this.size&&!this.options.destroy){const s=Math.min(e.width,e.height),o=1,r=.1,n=.2;t.absorberOrbit.length=s*(o+((0,i.getRandom)()*n-r))}void 0===t.absorberOrbitDirection&&(t.absorberOrbitDirection=t.velocity.x>=0?"clockwise":"counter-clockwise");const r=t.absorberOrbit.length,n=t.absorberOrbit.angle,a=t.absorberOrbitDirection;t.velocity.setTo(i.Vector.origin);const l={x:"clockwise"===a?Math.cos:Math.sin,y:"clockwise"===a?Math.sin:Math.cos};t.position.x=this.position.x+r*l.x(n),t.position.y=this.position.y+r*l.y(n),t.absorberOrbit.length-=s.length,t.absorberOrbit.angle+=(t.retina.moveSpeed??0)*o.retina.pixelRatio/i.percentDenominator*o.retina.reduceFactor}else{const o=i.Vector.origin;o.length=s.length,o.angle=s.angle,t.velocity.addTo(o)}},this.initialPosition=e?i.Vector.create(e.x,e.y):void 0,o instanceof r?this.options=o:(this.options=new r,this.options.load(o)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,i.getRangeValue)(this.options.size.value)*s.retina.pixelRatio,this.mass=this.size*this.options.size.density*s.retina.reduceFactor;const n=this.options.size.limit;this.limit={radius:n.radius*s.retina.pixelRatio*s.retina.reduceFactor,mass:n.mass},this.color=(0,i.rangeColorToRgb)(this.options.color)??{b:0,g:0,r:0},this.position=this.initialPosition?.copy()??this._calcPosition()}attract(t){const s=this.container,o=this.options;if(o.draggable){const t=s.interactivity.mouse;if(t.clicking&&t.downPosition){(0,i.getDistance)(this.position,t.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&t.position&&(this.position.x=t.position.x,this.position.y=t.position.y)}const e=t.getPosition(),{dx:r,dy:n,distance:a}=(0,i.getDistances)(this.position,e),c=i.Vector.create(r,n);if(c.length=this.mass/Math.pow(a,2)*s.retina.reduceFactor,a<this.size+t.getRadius()){const i=.033*t.getRadius()*s.retina.pixelRatio;this.size>t.getRadius()&&a<this.size-t.getRadius()||void 0!==t.absorberOrbit&&t.absorberOrbit.length<0?o.destroy?t.destroy():(t.needsNewPosition=!0,this._updateParticlePosition(t,c)):(o.destroy&&(t.size.value-=i),this._updateParticlePosition(t,c)),(this.limit.radius<=0||this.size<this.limit.radius)&&(this.size+=i),(this.limit.mass<=0||this.mass<this.limit.mass)&&(this.mass+=i*this.options.size.density*s.retina.reduceFactor)}else this._updateParticlePosition(t,c)}draw(t){t.translate(this.position.x,this.position.y),t.beginPath(),t.arc(n,a,this.size,0,c,!1),t.closePath(),t.fillStyle=(0,i.getStyleFromRgb)(this.color,this.opacity),t.fill()}resize(){const t=this.initialPosition;this.position=t&&(0,i.isPointInside)(t,this.container.canvas.size,i.Vector.origin)?t:this._calcPosition()}}class h{constructor(t){this.container=t,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[],t.getAbsorber=t=>void 0===t||(0,i.isNumber)(t)?this.array[t??0]:this.array.find((i=>i.name===t)),t.addAbsorber=(i,t)=>this.addAbsorber(i,t)}addAbsorber(i,t){const s=new l(this,this.container,i,t);return this.array.push(s),s}draw(i){for(const t of this.array)t.draw(i)}handleClickMode(t){const s=this.absorbers,o=this.interactivityAbsorbers;if("absorber"===t){const t=(0,i.itemFromSingleOrMultiple)(o)??(0,i.itemFromSingleOrMultiple)(s),e=this.container.interactivity.mouse.clickPosition;this.addAbsorber(t,e)}}async init(){this.absorbers=this.container.actualOptions.absorbers,this.interactivityAbsorbers=this.container.actualOptions.interactivity.modes.absorbers,(0,i.executeOnSingleOrMultiple)(this.absorbers,(i=>{this.addAbsorber(i)})),await Promise.resolve()}particleUpdate(i){for(const t of this.array)if(t.attract(i),i.destroyed)break}removeAbsorber(i){const t=this.array.indexOf(i);t>=0&&this.array.splice(t,1)}resize(){for(const i of this.array)i.resize()}stop(){this.array=[]}}class d{constructor(){this.id="absorbers"}getPlugin(i){return new h(i)}loadOptions(t,s){(this.needsPlugin(t)||this.needsPlugin(s))&&(s?.absorbers&&(t.absorbers=(0,i.executeOnSingleOrMultiple)(s.absorbers,(i=>{const t=new r;return t.load(i),t}))),t.interactivity.modes.absorbers=(0,i.executeOnSingleOrMultiple)(s?.interactivity?.modes?.absorbers,(i=>{const t=new r;return t.load(i),t})))}needsPlugin(t){if(!t)return!1;const s=t.absorbers;return(0,i.isArray)(s)?!!s.length:!!s||!(!t.interactivity?.events?.onClick?.mode||!(0,i.isInArray)("absorber",t.interactivity.events.onClick.mode))}}async function b(i,t=!0){await i.addPlugin(new d,t)}})(),e})()));

package/tsparticles.plugin.absorbers.min.js.LICENSE.txt

@@ -1 +1 @@
-/*! tsParticles Absorbers Plugin v3.0.3 by Matteo Bruni */
+/*! tsParticles Absorbers Plugin v3.1.0 by Matteo Bruni */

package/umd/AbsorberInstance.js

@@ -12,6 +12,10 @@
     exports.AbsorberInstance = void 0;
     const engine_1 = require("@tsparticles/engine");
     const Absorber_js_1 = require("./Options/Classes/Absorber.js");
+    const squareExp = 2, absorbFactor = 0.033, minOrbitLength = 0, minRadius = 0, minMass = 0, origin = {
+        x: 0,
+        y: 0,
+    }, minAngle = 0, double = 2, maxAngle = Math.PI * double, minVelocity = 0;
     class AbsorberInstance {
         constructor(absorbers, container, options, position) {
             this.absorbers = absorbers;
@@ -37,17 +41,17 @@
                 }
                 if (this.options.orbits) {
                     if (particle.absorberOrbit === undefined) {
-                        particle.absorberOrbit = engine_1.Vector.create(0, 0);
+                        particle.absorberOrbit = engine_1.Vector.origin;
                         particle.absorberOrbit.length = (0, engine_1.getDistance)(particle.getPosition(), this.position);
-                        particle.absorberOrbit.angle = (0, engine_1.getRandom)() * Math.PI * 2;
+                        particle.absorberOrbit.angle = (0, engine_1.getRandom)() * maxAngle;
                     }
                     if (particle.absorberOrbit.length <= this.size && !this.options.destroy) {
-                        const minSize = Math.min(canvasSize.width, canvasSize.height);
-                        particle.absorberOrbit.length = minSize * (1 + ((0, engine_1.getRandom)() * 0.2 - 0.1));
+                        const minSize = Math.min(canvasSize.width, canvasSize.height), offset = 1, randomOffset = 0.1, randomFactor = 0.2;
+                        particle.absorberOrbit.length = minSize * (offset + ((0, engine_1.getRandom)() * randomFactor - randomOffset));
                     }
                     if (particle.absorberOrbitDirection === undefined) {
                         particle.absorberOrbitDirection =
-                            particle.velocity.x >= 0 ? "clockwise" : "counter-clockwise";
+                            particle.velocity.x >= minVelocity ? "clockwise" : "counter-clockwise";
                     }
                     const orbitRadius = particle.absorberOrbit.length, orbitAngle = particle.absorberOrbit.angle, orbitDirection = particle.absorberOrbitDirection;
                     particle.velocity.setTo(engine_1.Vector.origin);
@@ -59,7 +63,7 @@
                     particle.position.y = this.position.y + orbitRadius * updateFunc.y(orbitAngle);
                     particle.absorberOrbit.length -= v.length;
                     particle.absorberOrbit.angle +=
-                        (((particle.retina.moveSpeed ?? 0) * container.retina.pixelRatio) / 100) *
+                        (((particle.retina.moveSpeed ?? minVelocity) * container.retina.pixelRatio) / engine_1.percentDenominator) *
                             container.retina.reduceFactor;
                 }
                 else {
@@ -113,11 +117,11 @@
                 }
             }
             const pos = particle.getPosition(), { dx, dy, distance } = (0, engine_1.getDistances)(this.position, pos), v = engine_1.Vector.create(dx, dy);
-            v.length = (this.mass / Math.pow(distance, 2)) * container.retina.reduceFactor;
+            v.length = (this.mass / Math.pow(distance, squareExp)) * container.retina.reduceFactor;
             if (distance < this.size + particle.getRadius()) {
-                const sizeFactor = particle.getRadius() * 0.033 * container.retina.pixelRatio;
+                const sizeFactor = particle.getRadius() * absorbFactor * container.retina.pixelRatio;
                 if ((this.size > particle.getRadius() && distance < this.size - particle.getRadius()) ||
-                    (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < 0)) {
+                    (particle.absorberOrbit !== undefined && particle.absorberOrbit.length < minOrbitLength)) {
                     if (options.destroy) {
                         particle.destroy();
                     }
@@ -132,10 +136,10 @@
                     }
                     this._updateParticlePosition(particle, v);
                 }
-                if (this.limit.radius <= 0 || this.size < this.limit.radius) {
+                if (this.limit.radius <= minRadius || this.size < this.limit.radius) {
                     this.size += sizeFactor;
                 }
-                if (this.limit.mass <= 0 || this.mass < this.limit.mass) {
+                if (this.limit.mass <= minMass || this.mass < this.limit.mass) {
                     this.mass += sizeFactor * this.options.size.density * container.retina.reduceFactor;
                 }
             }
@@ -146,7 +150,7 @@
         draw(context) {
             context.translate(this.position.x, this.position.y);
             context.beginPath();
-            context.arc(0, 0, this.size, 0, Math.PI * 2, false);
+            context.arc(origin.x, origin.y, this.size, minAngle, maxAngle, false);
             context.closePath();
             context.fillStyle = (0, engine_1.getStyleFromRgb)(this.color, this.opacity);
             context.fill();

package/umd/Absorbers.js

@@ -12,6 +12,7 @@
     exports.Absorbers = void 0;
     const engine_1 = require("@tsparticles/engine");
     const AbsorberInstance_js_1 = require("./AbsorberInstance.js");
+    const defaultIndex = 0;
     class Absorbers {
         constructor(container) {
             this.container = container;
@@ -19,7 +20,7 @@
             this.absorbers = [];
             this.interactivityAbsorbers = [];
             container.getAbsorber = (idxOrName) => idxOrName === undefined || (0, engine_1.isNumber)(idxOrName)
-                ? this.array[idxOrName || 0]
+                ? this.array[idxOrName ?? defaultIndex]
                 : this.array.find((t) => t.name === idxOrName);
             container.addAbsorber = (options, position) => this.addAbsorber(options, position);
         }
@@ -46,6 +47,7 @@
             (0, engine_1.executeOnSingleOrMultiple)(this.absorbers, (absorber) => {
                 this.addAbsorber(absorber);
             });
+            await Promise.resolve();
         }
         particleUpdate(particle) {
             for (const absorber of this.array) {
@@ -56,9 +58,9 @@
             }
         }
         removeAbsorber(absorber) {
-            const index = this.array.indexOf(absorber);
-            if (index >= 0) {
-                this.array.splice(index, 1);
+            const index = this.array.indexOf(absorber), deleteCount = 1;
+            if (index >= defaultIndex) {
+                this.array.splice(index, deleteCount);
             }
         }
         resize() {