@tsparticles/interaction-particles-collisions 3.9.0 → 4.0.0-alpha.0

package/dist_browser_Collider_js.js

@@ -0,0 +1,110 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_interaction_particles_collisions"] = this["webpackChunk_tsparticles_interaction_particles_collisions"] || []).push([["dist_browser_Collider_js"],{
+
+/***/ "./dist/browser/Absorb.js"
+/*!********************************!*\
+  !*** ./dist/browser/Absorb.js ***!
+  \********************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   absorb: () => (/* binding */ absorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst half = 0.5,\n  absorbFactor = 10,\n  minAbsorbFactor = 0;\nfunction updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {\n  if (!p1.options.collisions || !p2.options.collisions) {\n    return;\n  }\n  const factor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.clamp)(p1.options.collisions.absorb.speed * delta.factor / absorbFactor, minAbsorbFactor, r2);\n  p1.size.value += factor * half;\n  p2.size.value -= factor;\n  if (r2 <= pixelRatio) {\n    p2.size.value = 0;\n    p2.destroy();\n  }\n}\nfunction absorb(p1, p2, delta, pixelRatio) {\n  const r1 = p1.getRadius(),\n    r2 = p2.getRadius();\n  if (!r1 && r2) {\n    p1.destroy();\n  } else if (r1 && !r2) {\n    p2.destroy();\n  } else if (r1 && r2) {\n    if (r1 >= r2) {\n      updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);\n    } else {\n      updateAbsorb(p2, r2, p1, r1, delta, pixelRatio);\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Absorb.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Bounce.js"
+/*!********************************!*\
+  !*** ./dist/browser/Bounce.js ***!
+  \********************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   bounce: () => (/* binding */ bounce)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst fixBounceSpeed = p => {\n  if (!p.options.collisions) {\n    return;\n  }\n  p.collisionMaxSpeed ??= (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(p.options.collisions.maxSpeed);\n  if (p.velocity.length > p.collisionMaxSpeed) {\n    p.velocity.length = p.collisionMaxSpeed;\n  }\n};\nfunction bounce(p1, p2) {\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounce)((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p1), (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.circleBounceDataFromParticle)(p2));\n  fixBounceSpeed(p1);\n  fixBounceSpeed(p2);\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Bounce.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Collider.js"
+/*!**********************************!*\
+  !*** ./dist/browser/Collider.js ***!
+  \**********************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collider: () => (/* binding */ Collider)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/Collisions.js */ \"./dist/browser/Options/Classes/Collisions.js\");\n/* harmony import */ var _ResolveCollision_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ResolveCollision.js */ \"./dist/browser/ResolveCollision.js\");\n\n\n\nconst double = 2;\nclass Collider extends _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesInteractorBase {\n  constructor(container) {\n    super(container);\n  }\n  clear() {}\n  init() {}\n  interact(p1, delta) {\n    if (p1.destroyed || p1.spawning) {\n      return;\n    }\n    const container = this.container,\n      pos1 = p1.getPosition(),\n      radius1 = p1.getRadius(),\n      query = container.particles.quadTree.queryCircle(pos1, radius1 * double);\n    for (const p2 of query) {\n      if (p1 === p2 || !p1.options.collisions || !p2.options.collisions || !p2.options.collisions.enable || p1.options.collisions.mode !== p2.options.collisions.mode || p2.destroyed || p2.spawning) {\n        continue;\n      }\n      const pos2 = p2.getPosition(),\n        radius2 = p2.getRadius();\n      if (Math.abs(Math.round(pos1.z) - Math.round(pos2.z)) > radius1 + radius2) {\n        continue;\n      }\n      const dist = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos1, pos2),\n        distP = radius1 + radius2;\n      if (dist > distP) {\n        continue;\n      }\n      (0,_ResolveCollision_js__WEBPACK_IMPORTED_MODULE_2__.resolveCollision)(p1, p2, delta, container.retina.pixelRatio);\n    }\n  }\n  isEnabled(particle) {\n    return !!particle.options.collisions?.enable;\n  }\n  loadParticlesOptions(options, ...sources) {\n    options.collisions ??= new _Options_Classes_Collisions_js__WEBPACK_IMPORTED_MODULE_1__.Collisions();\n    for (const source of sources) {\n      options.collisions.load(source?.collisions);\n    }\n  }\n  reset() {}\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Collider.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/CollisionMode.js"
+/*!***************************************!*\
+  !*** ./dist/browser/CollisionMode.js ***!
+  \***************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionMode: () => (/* binding */ CollisionMode)\n/* harmony export */ });\nvar CollisionMode;\n(function (CollisionMode) {\n  CollisionMode[\"absorb\"] = \"absorb\";\n  CollisionMode[\"bounce\"] = \"bounce\";\n  CollisionMode[\"destroy\"] = \"destroy\";\n})(CollisionMode || (CollisionMode = {}));\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/CollisionMode.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Destroy.js"
+/*!*********************************!*\
+  !*** ./dist/browser/Destroy.js ***!
+  \*********************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   destroy: () => (/* binding */ destroy)\n/* harmony export */ });\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Bounce.js */ \"./dist/browser/Bounce.js\");\n\nfunction destroy(p1, p2) {\n  if (!p1.unbreakable && !p2.unbreakable) {\n    (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_0__.bounce)(p1, p2);\n  }\n  const p1Radius = p1.getRadius(),\n    p2Radius = p2.getRadius();\n  if (!p1Radius && p2Radius) {\n    p1.destroy();\n  } else if (p1Radius && !p2Radius) {\n    p2.destroy();\n  } else if (p1Radius && p2Radius) {\n    const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;\n    deleteP.destroy();\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Destroy.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/Collisions.js"
+/*!****************************************************!*\
+  !*** ./dist/browser/Options/Classes/Collisions.js ***!
+  \****************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   Collisions: () => (/* binding */ Collisions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../CollisionMode.js */ \"./dist/browser/CollisionMode.js\");\n/* harmony import */ var _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./CollisionsAbsorb.js */ \"./dist/browser/Options/Classes/CollisionsAbsorb.js\");\n/* harmony import */ var _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./CollisionsOverlap.js */ \"./dist/browser/Options/Classes/CollisionsOverlap.js\");\n\n\n\n\nclass Collisions {\n  constructor() {\n    this.absorb = new _CollisionsAbsorb_js__WEBPACK_IMPORTED_MODULE_2__.CollisionsAbsorb();\n    this.bounce = new _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.ParticlesBounce();\n    this.enable = false;\n    this.maxSpeed = 50;\n    this.mode = _CollisionMode_js__WEBPACK_IMPORTED_MODULE_1__.CollisionMode.bounce;\n    this.overlap = new _CollisionsOverlap_js__WEBPACK_IMPORTED_MODULE_3__.CollisionsOverlap();\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    this.absorb.load(data.absorb);\n    this.bounce.load(data.bounce);\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.maxSpeed !== undefined) {\n      this.maxSpeed = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.setRangeValue)(data.maxSpeed);\n    }\n    if (data.mode !== undefined) {\n      this.mode = data.mode;\n    }\n    this.overlap.load(data.overlap);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/Collisions.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/CollisionsAbsorb.js"
+/*!**********************************************************!*\
+  !*** ./dist/browser/Options/Classes/CollisionsAbsorb.js ***!
+  \**********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsAbsorb: () => (/* binding */ CollisionsAbsorb)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass CollisionsAbsorb {\n  constructor() {\n    this.speed = 2;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.speed !== undefined) {\n      this.speed = data.speed;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/CollisionsAbsorb.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/CollisionsOverlap.js"
+/*!***********************************************************!*\
+  !*** ./dist/browser/Options/Classes/CollisionsOverlap.js ***!
+  \***********************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CollisionsOverlap: () => (/* binding */ CollisionsOverlap)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nclass CollisionsOverlap {\n  constructor() {\n    this.enable = true;\n    this.retries = 0;\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.enable !== undefined) {\n      this.enable = data.enable;\n    }\n    if (data.retries !== undefined) {\n      this.retries = data.retries;\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/Options/Classes/CollisionsOverlap.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/ResolveCollision.js"
+/*!******************************************!*\
+  !*** ./dist/browser/ResolveCollision.js ***!
+  \******************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   resolveCollision: () => (/* binding */ resolveCollision)\n/* harmony export */ });\n/* harmony import */ var _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CollisionMode.js */ \"./dist/browser/CollisionMode.js\");\n/* harmony import */ var _Absorb_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Absorb.js */ \"./dist/browser/Absorb.js\");\n/* harmony import */ var _Bounce_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Bounce.js */ \"./dist/browser/Bounce.js\");\n/* harmony import */ var _Destroy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Destroy.js */ \"./dist/browser/Destroy.js\");\n\n\n\n\nfunction resolveCollision(p1, p2, delta, pixelRatio) {\n  if (!p1.options.collisions || !p2.options.collisions) {\n    return;\n  }\n  switch (p1.options.collisions.mode) {\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.absorb:\n      {\n        (0,_Absorb_js__WEBPACK_IMPORTED_MODULE_1__.absorb)(p1, p2, delta, pixelRatio);\n        break;\n      }\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.bounce:\n      {\n        (0,_Bounce_js__WEBPACK_IMPORTED_MODULE_2__.bounce)(p1, p2);\n        break;\n      }\n    case _CollisionMode_js__WEBPACK_IMPORTED_MODULE_0__.CollisionMode.destroy:\n      {\n        (0,_Destroy_js__WEBPACK_IMPORTED_MODULE_3__.destroy)(p1, p2);\n        break;\n      }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/ResolveCollision.js?\n}");
+
+/***/ }
+
+}]);

package/dist_browser_OverlapPlugin_js.js

@@ -0,0 +1,40 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_interaction_particles_collisions"] = this["webpackChunk_tsparticles_interaction_particles_collisions"] || []).push([["dist_browser_OverlapPlugin_js"],{
+
+/***/ "./dist/browser/OverlapPlugin.js"
+/*!***************************************!*\
+  !*** ./dist/browser/OverlapPlugin.js ***!
+  \***************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPlugin: () => (/* binding */ OverlapPlugin)\n/* harmony export */ });\n/* harmony import */ var _OverlapPluginInstance_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./OverlapPluginInstance.js */ \"./dist/browser/OverlapPluginInstance.js\");\n\nclass OverlapPlugin {\n  constructor() {\n    this.id = \"overlap\";\n  }\n  getPlugin(container) {\n    return Promise.resolve(new _OverlapPluginInstance_js__WEBPACK_IMPORTED_MODULE_0__.OverlapPluginInstance(container));\n  }\n  loadOptions() {}\n  needsPlugin() {\n    return true;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/OverlapPlugin.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/OverlapPluginInstance.js"
+/*!***********************************************!*\
+  !*** ./dist/browser/OverlapPluginInstance.js ***!
+  \***********************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   OverlapPluginInstance: () => (/* binding */ OverlapPluginInstance)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst minRetries = 0;\nclass OverlapPluginInstance {\n  constructor(container) {\n    this._checkOverlap = (particle, pos, tryCount) => {\n      const collisionsOptions = particle.options.collisions,\n        radius = particle.getRadius();\n      if (!collisionsOptions?.enable) {\n        return false;\n      }\n      const overlapOptions = collisionsOptions.overlap;\n      if (overlapOptions.enable) {\n        return false;\n      }\n      const retries = overlapOptions.retries;\n      if (retries >= minRetries && tryCount > retries) {\n        throw new Error(`Particle is overlapping and can't be placed`);\n      }\n      return !!this._container.particles.find(p => (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getDistance)(pos, p.position) < radius + p.getRadius());\n    };\n    this._container = container;\n  }\n  checkParticlePosition(particle, position, tryCount) {\n    return this._checkOverlap(particle, position, tryCount);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/interaction-particles-collisions/./dist/browser/OverlapPluginInstance.js?\n}");
+
+/***/ }
+
+}]);

package/esm/Absorb.js

@@ -1,6 +1,9 @@
 import { clamp } from "@tsparticles/engine";
 const half = 0.5, absorbFactor = 10, minAbsorbFactor = 0;
-function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
+function updateAbsorb(p1, _r1, p2, r2, delta, pixelRatio) {
+    if (!p1.options.collisions || !p2.options.collisions) {
+        return;
+    }
     const factor = clamp((p1.options.collisions.absorb.speed * delta.factor) / absorbFactor, minAbsorbFactor, r2);
     p1.size.value += factor * half;
     p2.size.value -= factor;
@@ -11,13 +14,13 @@ function updateAbsorb(p1, r1, p2, r2, delta, pixelRatio) {
 }
 export function absorb(p1, p2, delta, pixelRatio) {
     const r1 = p1.getRadius(), r2 = p2.getRadius();
-    if (r1 === undefined && r2 !== undefined) {
+    if (!r1 && r2) {
         p1.destroy();
     }
-    else if (r1 !== undefined && r2 === undefined) {
+    else if (r1 && !r2) {
         p2.destroy();
     }
-    else if (r1 !== undefined && r2 !== undefined) {
+    else if (r1 && r2) {
         if (r1 >= r2) {
             updateAbsorb(p1, r1, p2, r2, delta, pixelRatio);
         }

package/esm/Bounce.js

@@ -1,8 +1,9 @@
 import { circleBounce, circleBounceDataFromParticle, getRangeValue } from "@tsparticles/engine";
 const fixBounceSpeed = (p) => {
-    if (p.collisionMaxSpeed === undefined) {
-        p.collisionMaxSpeed = getRangeValue(p.options.collisions.maxSpeed);
+    if (!p.options.collisions) {
+        return;
     }
+    p.collisionMaxSpeed ??= getRangeValue(p.options.collisions.maxSpeed);
     if (p.velocity.length > p.collisionMaxSpeed) {
         p.velocity.length = p.collisionMaxSpeed;
     }

package/esm/Collider.js

@@ -1,4 +1,5 @@
-import { ParticlesInteractorBase, getDistance } from "@tsparticles/engine";
+import { ParticlesInteractorBase, getDistance, } from "@tsparticles/engine";
+import { Collisions } from "./Options/Classes/Collisions.js";
 import { resolveCollision } from "./ResolveCollision.js";
 const double = 2;
 export class Collider extends ParticlesInteractorBase {
@@ -16,6 +17,8 @@ export class Collider extends ParticlesInteractorBase {
         const container = this.container, pos1 = p1.getPosition(), radius1 = p1.getRadius(), query = container.particles.quadTree.queryCircle(pos1, radius1 * double);
         for (const p2 of query) {
             if (p1 === p2 ||
+                !p1.options.collisions ||
+                !p2.options.collisions ||
                 !p2.options.collisions.enable ||
                 p1.options.collisions.mode !== p2.options.collisions.mode ||
                 p2.destroyed ||
@@ -34,7 +37,13 @@ export class Collider extends ParticlesInteractorBase {
         }
     }
     isEnabled(particle) {
-        return particle.options.collisions.enable;
+        return !!particle.options.collisions?.enable;
+    }
+    loadParticlesOptions(options, ...sources) {
+        options.collisions ??= new Collisions();
+        for (const source of sources) {
+            options.collisions.load(source?.collisions);
+        }
     }
     reset() {
     }

package/esm/CollisionMode.js

@@ -0,0 +1,6 @@
+export var CollisionMode;
+(function (CollisionMode) {
+    CollisionMode["absorb"] = "absorb";
+    CollisionMode["bounce"] = "bounce";
+    CollisionMode["destroy"] = "destroy";
+})(CollisionMode || (CollisionMode = {}));

package/esm/Destroy.js

@@ -3,13 +3,14 @@ export function destroy(p1, p2) {
     if (!p1.unbreakable && !p2.unbreakable) {
         bounce(p1, p2);
     }
-    if (p1.getRadius() === undefined && p2.getRadius() !== undefined) {
+    const p1Radius = p1.getRadius(), p2Radius = p2.getRadius();
+    if (!p1Radius && p2Radius) {
         p1.destroy();
     }
-    else if (p1.getRadius() !== undefined && p2.getRadius() === undefined) {
+    else if (p1Radius && !p2Radius) {
         p2.destroy();
     }
-    else if (p1.getRadius() !== undefined && p2.getRadius() !== undefined) {
+    else if (p1Radius && p2Radius) {
         const deleteP = p1.getRadius() >= p2.getRadius() ? p2 : p1;
         deleteP.destroy();
     }

package/esm/Options/Classes/Collisions.js

@@ -0,0 +1,31 @@
+import { ParticlesBounce, isNull, setRangeValue, } from "@tsparticles/engine";
+import { CollisionMode } from "../../CollisionMode.js";
+import { CollisionsAbsorb } from "./CollisionsAbsorb.js";
+import { CollisionsOverlap } from "./CollisionsOverlap.js";
+export class Collisions {
+    constructor() {
+        this.absorb = new CollisionsAbsorb();
+        this.bounce = new ParticlesBounce();
+        this.enable = false;
+        this.maxSpeed = 50;
+        this.mode = CollisionMode.bounce;
+        this.overlap = new CollisionsOverlap();
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        this.absorb.load(data.absorb);
+        this.bounce.load(data.bounce);
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.maxSpeed !== undefined) {
+            this.maxSpeed = setRangeValue(data.maxSpeed);
+        }
+        if (data.mode !== undefined) {
+            this.mode = data.mode;
+        }
+        this.overlap.load(data.overlap);
+    }
+}

package/esm/Options/Classes/CollisionsAbsorb.js

@@ -0,0 +1,14 @@
+import { isNull } from "@tsparticles/engine";
+export class CollisionsAbsorb {
+    constructor() {
+        this.speed = 2;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.speed !== undefined) {
+            this.speed = data.speed;
+        }
+    }
+}

package/esm/Options/Classes/CollisionsOverlap.js

@@ -0,0 +1,18 @@
+import { isNull } from "@tsparticles/engine";
+export class CollisionsOverlap {
+    constructor() {
+        this.enable = true;
+        this.retries = 0;
+    }
+    load(data) {
+        if (isNull(data)) {
+            return;
+        }
+        if (data.enable !== undefined) {
+            this.enable = data.enable;
+        }
+        if (data.retries !== undefined) {
+            this.retries = data.retries;
+        }
+    }
+}

package/esm/Options/Interfaces/ICollisions.js

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

package/esm/Options/Interfaces/ICollisionsAbsorb.js

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

package/esm/Options/Interfaces/ICollisionsOverlap.js

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

package/esm/OverlapPlugin.js

@@ -0,0 +1,14 @@
+import { OverlapPluginInstance } from "./OverlapPluginInstance.js";
+export class OverlapPlugin {
+    constructor() {
+        this.id = "overlap";
+    }
+    getPlugin(container) {
+        return Promise.resolve(new OverlapPluginInstance(container));
+    }
+    loadOptions() {
+    }
+    needsPlugin() {
+        return true;
+    }
+}

package/esm/OverlapPluginInstance.js

@@ -0,0 +1,25 @@
+import { getDistance } from "@tsparticles/engine";
+const minRetries = 0;
+export class OverlapPluginInstance {
+    constructor(container) {
+        this._checkOverlap = (particle, pos, tryCount) => {
+            const collisionsOptions = particle.options.collisions, radius = particle.getRadius();
+            if (!collisionsOptions?.enable) {
+                return false;
+            }
+            const overlapOptions = collisionsOptions.overlap;
+            if (overlapOptions.enable) {
+                return false;
+            }
+            const retries = overlapOptions.retries;
+            if (retries >= minRetries && tryCount > retries) {
+                throw new Error(`Particle is overlapping and can't be placed`);
+            }
+            return !!this._container.particles.find(p => getDistance(pos, p.position) < radius + p.getRadius());
+        };
+        this._container = container;
+    }
+    checkParticlePosition(particle, position, tryCount) {
+        return this._checkOverlap(particle, position, tryCount);
+    }
+}

package/esm/ResolveCollision.js

@@ -1,8 +1,11 @@
-import { CollisionMode } from "@tsparticles/engine";
+import { CollisionMode } from "./CollisionMode.js";
 import { absorb } from "./Absorb.js";
 import { bounce } from "./Bounce.js";
 import { destroy } from "./Destroy.js";
 export function resolveCollision(p1, p2, delta, pixelRatio) {
+    if (!p1.options.collisions || !p2.options.collisions) {
+        return;
+    }
     switch (p1.options.collisions.mode) {
         case CollisionMode.absorb: {
             absorb(p1, p2, delta, pixelRatio);

package/esm/Types.js

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

package/esm/index.js

@@ -1,7 +1,11 @@
-import { Collider } from "./Collider.js";
-export async function loadParticlesCollisionsInteraction(engine, refresh = true) {
-    engine.checkVersion("3.9.0");
-    await engine.addInteractor("particlesCollisions", container => {
-        return Promise.resolve(new Collider(container));
-    }, refresh);
+export function loadParticlesCollisionsInteraction(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { OverlapPlugin } = await import("./OverlapPlugin.js");
+        e.addPlugin(new OverlapPlugin());
+        e.addInteractor("particlesCollisions", async (container) => {
+            const { Collider } = await import("./Collider.js");
+            return new Collider(container);
+        });
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/interaction-particles-collisions",
-  "version": "3.9.0",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles collisions particles interaction",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -87,9 +87,10 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.0"
+    "@tsparticles/engine": "4.0.0-alpha.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }