@tsparticles/move-base 3.0.0-alpha.0 → 3.0.0-beta.0

package/tsparticles.move.base.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.0-alpha.0
+ * v3.0.0-beta.0
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -91,7 +91,7 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "loadBaseMover": () => (/* binding */ loadBaseMover)
+  loadBaseMover: () => (/* binding */ loadBaseMover)
 });
 
 // EXTERNAL MODULE: external {"commonjs":"@tsparticles/engine","commonjs2":"@tsparticles/engine","amd":"@tsparticles/engine","root":"window"}
@@ -106,8 +106,11 @@ function applyDistance(particle) {
     } = (0,engine_root_window_.getDistances)(initialPosition, particle.position),
     dxFixed = Math.abs(dx),
     dyFixed = Math.abs(dy),
-    hDistance = particle.retina.maxDistance.horizontal,
-    vDistance = particle.retina.maxDistance.vertical;
+    {
+      maxDistance
+    } = particle.retina,
+    hDistance = maxDistance.horizontal,
+    vDistance = maxDistance.vertical;
   if (!hDistance && !vDistance) {
     return;
   }
@@ -132,6 +135,37 @@ function applyDistance(particle) {
     }
   }
 }
+function move(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, delta) {
+  applyPath(particle, delta);
+  const gravityOptions = particle.gravity,
+    gravityFactor = gravityOptions?.enable && gravityOptions.inverse ? -1 : 1;
+  if (moveDrift && moveSpeed) {
+    particle.velocity.x += moveDrift * delta.factor / (60 * moveSpeed);
+  }
+  if (gravityOptions?.enable && moveSpeed) {
+    particle.velocity.y += gravityFactor * (gravityOptions.acceleration * delta.factor) / (60 * moveSpeed);
+  }
+  const decay = particle.moveDecay;
+  particle.velocity.multTo(decay);
+  const velocity = particle.velocity.mult(moveSpeed);
+  if (gravityOptions?.enable && maxSpeed > 0 && (!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) {
+    velocity.y = gravityFactor * maxSpeed;
+    if (moveSpeed) {
+      particle.velocity.y = velocity.y / moveSpeed;
+    }
+  }
+  const zIndexOptions = particle.options.zIndex,
+    zVelocityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.velocityRate;
+  velocity.multTo(zVelocityFactor);
+  const {
+    position
+  } = particle;
+  position.addTo(velocity);
+  if (moveOptions.vibrate) {
+    position.x += Math.sin(position.x * Math.cos(position.y));
+    position.y += Math.cos(position.y * Math.sin(position.x));
+  }
+}
 function spin(particle, moveSpeed) {
   const container = particle.container;
   if (!particle.spin) {
@@ -155,7 +189,6 @@ function spin(particle, moveSpeed) {
   particle.spin.angle += moveSpeed / 100 * (1 - particle.spin.radius / maxCanvasSize);
 }
 function applyPath(particle, delta) {
-  var _a;
   const particlesOptions = particle.options,
     pathOptions = particlesOptions.move.path,
     pathEnabled = pathOptions.enable;
@@ -166,7 +199,7 @@ function applyPath(particle, delta) {
     particle.lastPathTime += delta.value;
     return;
   }
-  const path = (_a = particle.pathGenerator) === null || _a === void 0 ? void 0 : _a.generate(particle);
+  const path = particle.pathGenerator?.generate(particle, delta);
   if (path) {
     particle.velocity.addTo(path);
   }
@@ -182,20 +215,17 @@ function getProximitySpeedFactor(particle) {
 ;// CONCATENATED MODULE: ./dist/browser/BaseMover.js
 
 
+const diffFactor = 2;
 class BaseMover {
-  init(particle) {
-    var _a;
-    const container = particle.container,
-      options = particle.options,
-      gravityOptions = options.move.gravity,
-      spinOptions = options.move.spin;
-    particle.gravity = {
-      enable: gravityOptions.enable,
-      acceleration: (0,engine_root_window_.getRangeValue)(gravityOptions.acceleration),
-      inverse: gravityOptions.inverse
-    };
-    if (spinOptions.enable) {
-      const spinPos = (_a = spinOptions.position) !== null && _a !== void 0 ? _a : {
+  constructor() {
+    this._initSpin = particle => {
+      const container = particle.container,
+        options = particle.options,
+        spinOptions = options.move.spin;
+      if (!spinOptions.enable) {
+        return;
+      }
+      const spinPos = spinOptions.position ?? {
           x: 50,
           y: 50
         },
@@ -214,70 +244,48 @@ class BaseMover {
         radius: distance,
         acceleration: particle.retina.spinAcceleration
       };
-    }
+    };
+  }
+  init(particle) {
+    const options = particle.options,
+      gravityOptions = options.move.gravity;
+    particle.gravity = {
+      enable: gravityOptions.enable,
+      acceleration: (0,engine_root_window_.getRangeValue)(gravityOptions.acceleration),
+      inverse: gravityOptions.inverse
+    };
+    this._initSpin(particle);
   }
   isEnabled(particle) {
     return !particle.destroyed && particle.options.move.enable;
   }
   move(particle, delta) {
-    var _a, _b, _c;
-    var _d, _e;
     const particleOptions = particle.options,
       moveOptions = particleOptions.move;
     if (!moveOptions.enable) {
       return;
     }
     const container = particle.container,
+      pxRatio = container.retina.pixelRatio,
       slowFactor = getProximitySpeedFactor(particle),
-      baseSpeed = ((_a = (_d = particle.retina).moveSpeed) !== null && _a !== void 0 ? _a : _d.moveSpeed = (0,engine_root_window_.getRangeValue)(moveOptions.speed) * container.retina.pixelRatio) * container.retina.reduceFactor,
-      moveDrift = (_b = (_e = particle.retina).moveDrift) !== null && _b !== void 0 ? _b : _e.moveDrift = (0,engine_root_window_.getRangeValue)(particle.options.move.drift) * container.retina.pixelRatio,
-      maxSize = (0,engine_root_window_.getRangeMax)(particleOptions.size.value) * container.retina.pixelRatio,
+      baseSpeed = (particle.retina.moveSpeed ??= (0,engine_root_window_.getRangeValue)(moveOptions.speed) * pxRatio) * container.retina.reduceFactor,
+      moveDrift = particle.retina.moveDrift ??= (0,engine_root_window_.getRangeValue)(particle.options.move.drift) * pxRatio,
+      maxSize = (0,engine_root_window_.getRangeMax)(particleOptions.size.value) * pxRatio,
       sizeFactor = moveOptions.size ? particle.getRadius() / maxSize : 1,
-      speedFactor = sizeFactor * slowFactor * (delta.factor || 1),
-      diffFactor = 2,
-      moveSpeed = baseSpeed * speedFactor / diffFactor;
+      moveSpeed = baseSpeed * sizeFactor * slowFactor * (delta.factor || 1) / diffFactor,
+      maxSpeed = particle.retina.maxSpeed ?? container.retina.maxSpeed;
     if (moveOptions.spin.enable) {
       spin(particle, moveSpeed);
     } else {
-      applyPath(particle, delta);
-      const gravityOptions = particle.gravity,
-        gravityFactor = (gravityOptions === null || gravityOptions === void 0 ? void 0 : gravityOptions.enable) && gravityOptions.inverse ? -1 : 1;
-      if ((gravityOptions === null || gravityOptions === void 0 ? void 0 : gravityOptions.enable) && moveSpeed) {
-        particle.velocity.y += gravityFactor * (gravityOptions.acceleration * delta.factor) / (60 * moveSpeed);
-      }
-      if (moveDrift && moveSpeed) {
-        particle.velocity.x += moveDrift * delta.factor / (60 * moveSpeed);
-      }
-      const decay = particle.moveDecay;
-      if (decay != 1) {
-        particle.velocity.multTo(decay);
-      }
-      const velocity = particle.velocity.mult(moveSpeed),
-        maxSpeed = (_c = particle.retina.maxSpeed) !== null && _c !== void 0 ? _c : container.retina.maxSpeed;
-      if ((gravityOptions === null || gravityOptions === void 0 ? void 0 : gravityOptions.enable) && maxSpeed > 0 && (!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) {
-        velocity.y = gravityFactor * maxSpeed;
-        if (moveSpeed) {
-          particle.velocity.y = velocity.y / moveSpeed;
-        }
-      }
-      const zIndexOptions = particle.options.zIndex,
-        zVelocityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.velocityRate;
-      if (zVelocityFactor != 1) {
-        velocity.multTo(zVelocityFactor);
-      }
-      particle.position.addTo(velocity);
-      if (moveOptions.vibrate) {
-        particle.position.x += Math.sin(particle.position.x * Math.cos(particle.position.y));
-        particle.position.y += Math.cos(particle.position.y * Math.sin(particle.position.x));
-      }
+      move(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, delta);
     }
     applyDistance(particle);
   }
 }
 ;// CONCATENATED MODULE: ./dist/browser/index.js
 
-async function loadBaseMover(engine) {
-  engine.addMover("base", () => new BaseMover());
+async function loadBaseMover(engine, refresh = true) {
+  await engine.addMover("base", () => new BaseMover(), refresh);
 }
 })();
 

package/tsparticles.move.base.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see tsparticles.move.base.min.js.LICENSE.txt */
-!function(e,i){if("object"==typeof exports&&"object"==typeof module)module.exports=i(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],i);else{var t="object"==typeof exports?i(require("@tsparticles/engine")):i(e.window);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(this,(e=>(()=>{"use strict";var i={533:i=>{i.exports=e}},t={};function n(e){var o=t[e];if(void 0!==o)return o.exports;var a=t[e]={exports:{}};return i[e](a,a.exports,n),a.exports}n.d=(e,i)=>{for(var t in i)n.o(i,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:i[t]})},n.o=(e,i)=>Object.prototype.hasOwnProperty.call(e,i),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{loadBaseMover:()=>t});var e=n(533);class i{init(i){var t;const n=i.container,o=i.options,a=o.move.gravity,s=o.move.spin;if(i.gravity={enable:a.enable,acceleration:(0,e.getRangeValue)(a.acceleration),inverse:a.inverse},s.enable){const o=null!==(t=s.position)&&void 0!==t?t:{x:50,y:50},a={x:o.x/100*n.canvas.size.width,y:o.y/100*n.canvas.size.height},r=i.getPosition(),c=(0,e.getDistance)(r,a),l=(0,e.getRangeValue)(s.acceleration);i.retina.spinAcceleration=l*n.retina.pixelRatio,i.spin={center:a,direction:i.velocity.x>=0?"clockwise":"counter-clockwise",angle:i.velocity.angle,radius:c,acceleration:i.retina.spinAcceleration}}}isEnabled(e){return!e.destroyed&&e.options.move.enable}move(i,t){var n,o,a,s,r;const c=i.options,l=c.move;if(!l.enable)return;const p=i.container,v=function(e){return e.slow.inRange?e.slow.factor:1}(i),y=(null!==(n=(s=i.retina).moveSpeed)&&void 0!==n?n:s.moveSpeed=(0,e.getRangeValue)(l.speed)*p.retina.pixelRatio)*p.retina.reduceFactor,d=null!==(o=(r=i.retina).moveDrift)&&void 0!==o?o:r.moveDrift=(0,e.getRangeValue)(i.options.move.drift)*p.retina.pixelRatio,u=(0,e.getRangeMax)(c.size.value)*p.retina.pixelRatio,x=y*((l.size?i.getRadius()/u:1)*v*(t.factor||1))/2;if(l.spin.enable)!function(e,i){const t=e.container;if(!e.spin)return;const n={x:"clockwise"===e.spin.direction?Math.cos:Math.sin,y:"clockwise"===e.spin.direction?Math.sin:Math.cos};e.position.x=e.spin.center.x+e.spin.radius*n.x(e.spin.angle),e.position.y=e.spin.center.y+e.spin.radius*n.y(e.spin.angle),e.spin.radius+=e.spin.acceleration;const o=Math.max(t.canvas.size.width,t.canvas.size.height);e.spin.radius>o/2?(e.spin.radius=o/2,e.spin.acceleration*=-1):e.spin.radius<0&&(e.spin.radius=0,e.spin.acceleration*=-1),e.spin.angle+=i/100*(1-e.spin.radius/o)}(i,x);else{!function(i,t){var n;const o=i.options.move.path;if(!o.enable)return;if(i.lastPathTime<=i.pathDelay)return void(i.lastPathTime+=t.value);const a=null===(n=i.pathGenerator)||void 0===n?void 0:n.generate(i);a&&i.velocity.addTo(a),o.clamp&&(i.velocity.x=(0,e.clamp)(i.velocity.x,-1,1),i.velocity.y=(0,e.clamp)(i.velocity.y,-1,1)),i.lastPathTime-=i.pathDelay}(i,t);const n=i.gravity,o=(null==n?void 0:n.enable)&&n.inverse?-1:1;(null==n?void 0:n.enable)&&x&&(i.velocity.y+=o*(n.acceleration*t.factor)/(60*x)),d&&x&&(i.velocity.x+=d*t.factor/(60*x));const s=i.moveDecay;1!=s&&i.velocity.multTo(s);const r=i.velocity.mult(x),c=null!==(a=i.retina.maxSpeed)&&void 0!==a?a:p.retina.maxSpeed;(null==n?void 0:n.enable)&&c>0&&(!n.inverse&&r.y>=0&&r.y>=c||n.inverse&&r.y<=0&&r.y<=-c)&&(r.y=o*c,x&&(i.velocity.y=r.y/x));const v=i.options.zIndex,y=(1-i.zIndexFactor)**v.velocityRate;1!=y&&r.multTo(y),i.position.addTo(r),l.vibrate&&(i.position.x+=Math.sin(i.position.x*Math.cos(i.position.y)),i.position.y+=Math.cos(i.position.y*Math.sin(i.position.x)))}!function(i){const t=i.initialPosition,{dx:n,dy:o}=(0,e.getDistances)(t,i.position),a=Math.abs(n),s=Math.abs(o),r=i.retina.maxDistance.horizontal,c=i.retina.maxDistance.vertical;if(r||c)if((r&&a>=r||c&&s>=c)&&!i.misplaced)i.misplaced=!!r&&a>r||!!c&&s>c,r&&(i.velocity.x=i.velocity.y/2-i.velocity.x),c&&(i.velocity.y=i.velocity.x/2-i.velocity.y);else if((!r||a<r)&&(!c||s<c)&&i.misplaced)i.misplaced=!1;else if(i.misplaced){const n=i.position,o=i.velocity;r&&(n.x<t.x&&o.x<0||n.x>t.x&&o.x>0)&&(o.x*=-(0,e.getRandom)()),c&&(n.y<t.y&&o.y<0||n.y>t.y&&o.y>0)&&(o.y*=-(0,e.getRandom)())}}(i)}}async function t(e){e.addMover("base",(()=>new i))}})(),o})()));
+!function(e,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 i="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var n in i)("object"==typeof exports?exports:e)[n]=i[n]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},i={};function n(e){var o=i[e];if(void 0!==o)return o.exports;var a=i[e]={exports:{}};return t[e](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var i in t)n.o(t,i)&&!n.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{n.r(o),n.d(o,{loadBaseMover:()=>a});var e=n(533);function t(t,i,n,o,a,s){!function(t,i){const n=t.options,o=n.move.path;if(!o.enable)return;if(t.lastPathTime<=t.pathDelay)return void(t.lastPathTime+=i.value);const a=t.pathGenerator?.generate(t,i);a&&t.velocity.addTo(a);o.clamp&&(t.velocity.x=(0,e.clamp)(t.velocity.x,-1,1),t.velocity.y=(0,e.clamp)(t.velocity.y,-1,1));t.lastPathTime-=t.pathDelay}(t,s);const c=t.gravity,r=c?.enable&&c.inverse?-1:1;a&&n&&(t.velocity.x+=a*s.factor/(60*n)),c?.enable&&n&&(t.velocity.y+=r*(c.acceleration*s.factor)/(60*n));const l=t.moveDecay;t.velocity.multTo(l);const p=t.velocity.mult(n);c?.enable&&o>0&&(!c.inverse&&p.y>=0&&p.y>=o||c.inverse&&p.y<=0&&p.y<=-o)&&(p.y=r*o,n&&(t.velocity.y=p.y/n));const y=t.options.zIndex,d=(1-t.zIndexFactor)**y.velocityRate;p.multTo(d);const{position:v}=t;v.addTo(p),i.vibrate&&(v.x+=Math.sin(v.x*Math.cos(v.y)),v.y+=Math.cos(v.y*Math.sin(v.x)))}class i{constructor(){this._initSpin=t=>{const i=t.container,n=t.options.move.spin;if(!n.enable)return;const o=n.position??{x:50,y:50},a={x:o.x/100*i.canvas.size.width,y:o.y/100*i.canvas.size.height},s=t.getPosition(),c=(0,e.getDistance)(s,a),r=(0,e.getRangeValue)(n.acceleration);t.retina.spinAcceleration=r*i.retina.pixelRatio,t.spin={center:a,direction:t.velocity.x>=0?"clockwise":"counter-clockwise",angle:t.velocity.angle,radius:c,acceleration:t.retina.spinAcceleration}}}init(t){const i=t.options.move.gravity;t.gravity={enable:i.enable,acceleration:(0,e.getRangeValue)(i.acceleration),inverse:i.inverse},this._initSpin(t)}isEnabled(e){return!e.destroyed&&e.options.move.enable}move(i,n){const o=i.options,a=o.move;if(!a.enable)return;const s=i.container,c=s.retina.pixelRatio,r=function(e){return e.slow.inRange?e.slow.factor:1}(i),l=(i.retina.moveSpeed??=(0,e.getRangeValue)(a.speed)*c)*s.retina.reduceFactor,p=i.retina.moveDrift??=(0,e.getRangeValue)(i.options.move.drift)*c,y=(0,e.getRangeMax)(o.size.value)*c,d=l*(a.size?i.getRadius()/y:1)*r*(n.factor||1)/2,v=i.retina.maxSpeed??s.retina.maxSpeed;a.spin.enable?function(e,t){const i=e.container;if(!e.spin)return;const n={x:"clockwise"===e.spin.direction?Math.cos:Math.sin,y:"clockwise"===e.spin.direction?Math.sin:Math.cos};e.position.x=e.spin.center.x+e.spin.radius*n.x(e.spin.angle),e.position.y=e.spin.center.y+e.spin.radius*n.y(e.spin.angle),e.spin.radius+=e.spin.acceleration;const o=Math.max(i.canvas.size.width,i.canvas.size.height);e.spin.radius>o/2?(e.spin.radius=o/2,e.spin.acceleration*=-1):e.spin.radius<0&&(e.spin.radius=0,e.spin.acceleration*=-1),e.spin.angle+=t/100*(1-e.spin.radius/o)}(i,d):t(i,a,d,v,p,n),function(t){const i=t.initialPosition,{dx:n,dy:o}=(0,e.getDistances)(i,t.position),a=Math.abs(n),s=Math.abs(o),{maxDistance:c}=t.retina,r=c.horizontal,l=c.vertical;if(r||l)if((r&&a>=r||l&&s>=l)&&!t.misplaced)t.misplaced=!!r&&a>r||!!l&&s>l,r&&(t.velocity.x=t.velocity.y/2-t.velocity.x),l&&(t.velocity.y=t.velocity.x/2-t.velocity.y);else if((!r||a<r)&&(!l||s<l)&&t.misplaced)t.misplaced=!1;else if(t.misplaced){const n=t.position,o=t.velocity;r&&(n.x<i.x&&o.x<0||n.x>i.x&&o.x>0)&&(o.x*=-(0,e.getRandom)()),l&&(n.y<i.y&&o.y<0||n.y>i.y&&o.y>0)&&(o.y*=-(0,e.getRandom)())}}(i)}}async function a(e,t=!0){await e.addMover("base",(()=>new i),t)}})(),o})()));

package/tsparticles.move.base.min.js.LICENSE.txt

@@ -1,8 +1 @@
-/*!
- * 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
- * v3.0.0-alpha.0
- */
+/*! tsParticles Base Move v3.0.0-beta.0 by Matteo Bruni */

package/types/BaseMover.d.ts

@@ -1,7 +1,8 @@
-import type { IDelta, IParticleMover, Particle } from "@tsparticles/engine";
+import { type IDelta, type IParticleMover, type Particle } from "@tsparticles/engine";
 import type { MoveParticle } from "./Types";
 export declare class BaseMover implements IParticleMover {
     init(particle: MoveParticle): void;
     isEnabled(particle: Particle): boolean;
     move(particle: MoveParticle, delta: IDelta): void;
+    private readonly _initSpin;
 }

package/types/Utils.d.ts

@@ -1,6 +1,7 @@
-import type { IDelta, Particle } from "@tsparticles/engine";
+import { type IDelta, type Move, type Particle } from "@tsparticles/engine";
 import type { MoveParticle } from "./Types";
 export declare function applyDistance(particle: MoveParticle): void;
+export declare function move(particle: MoveParticle, moveOptions: Move, moveSpeed: number, maxSpeed: number, moveDrift: number, delta: IDelta): void;
 export declare function spin(particle: MoveParticle, moveSpeed: number): void;
 export declare function applyPath(particle: Particle, delta: IDelta): void;
 export declare function getProximitySpeedFactor(particle: Particle): number;

package/types/index.d.ts

@@ -1,2 +1,2 @@
 import type { Engine } from "@tsparticles/engine";
-export declare function loadBaseMover(engine: Engine): Promise<void>;
+export declare function loadBaseMover(engine: Engine, refresh?: boolean): Promise<void>;

package/umd/BaseMover.js

@@ -12,17 +12,15 @@
     exports.BaseMover = void 0;
     const engine_1 = require("@tsparticles/engine");
     const Utils_1 = require("./Utils");
+    const diffFactor = 2;
     class BaseMover {
-        init(particle) {
-            var _a;
-            const container = particle.container, options = particle.options, gravityOptions = options.move.gravity, spinOptions = options.move.spin;
-            particle.gravity = {
-                enable: gravityOptions.enable,
-                acceleration: (0, engine_1.getRangeValue)(gravityOptions.acceleration),
-                inverse: gravityOptions.inverse,
-            };
-            if (spinOptions.enable) {
-                const spinPos = (_a = spinOptions.position) !== null && _a !== void 0 ? _a : { x: 50, y: 50 }, spinCenter = {
+        constructor() {
+            this._initSpin = (particle) => {
+                const container = particle.container, options = particle.options, spinOptions = options.move.spin;
+                if (!spinOptions.enable) {
+                    return;
+                }
+                const spinPos = spinOptions.position ?? { x: 50, y: 50 }, spinCenter = {
                     x: (spinPos.x / 100) * container.canvas.size.width,
                     y: (spinPos.y / 100) * container.canvas.size.height,
                 }, pos = particle.getPosition(), distance = (0, engine_1.getDistance)(pos, spinCenter), spinAcceleration = (0, engine_1.getRangeValue)(spinOptions.acceleration);
@@ -34,56 +32,32 @@
                     radius: distance,
                     acceleration: particle.retina.spinAcceleration,
                 };
-            }
+            };
+        }
+        init(particle) {
+            const options = particle.options, gravityOptions = options.move.gravity;
+            particle.gravity = {
+                enable: gravityOptions.enable,
+                acceleration: (0, engine_1.getRangeValue)(gravityOptions.acceleration),
+                inverse: gravityOptions.inverse,
+            };
+            this._initSpin(particle);
         }
         isEnabled(particle) {
             return !particle.destroyed && particle.options.move.enable;
         }
         move(particle, delta) {
-            var _a, _b, _c;
-            var _d, _e;
             const particleOptions = particle.options, moveOptions = particleOptions.move;
             if (!moveOptions.enable) {
                 return;
             }
-            const container = particle.container, slowFactor = (0, Utils_1.getProximitySpeedFactor)(particle), baseSpeed = ((_a = (_d = particle.retina).moveSpeed) !== null && _a !== void 0 ? _a : (_d.moveSpeed = (0, engine_1.getRangeValue)(moveOptions.speed) * container.retina.pixelRatio)) *
-                container.retina.reduceFactor, moveDrift = ((_b = (_e = particle.retina).moveDrift) !== null && _b !== void 0 ? _b : (_e.moveDrift = (0, engine_1.getRangeValue)(particle.options.move.drift) * container.retina.pixelRatio)), maxSize = (0, engine_1.getRangeMax)(particleOptions.size.value) * container.retina.pixelRatio, sizeFactor = moveOptions.size ? particle.getRadius() / maxSize : 1, speedFactor = sizeFactor * slowFactor * (delta.factor || 1), diffFactor = 2, moveSpeed = (baseSpeed * speedFactor) / diffFactor;
+            const container = particle.container, pxRatio = container.retina.pixelRatio, slowFactor = (0, Utils_1.getProximitySpeedFactor)(particle), baseSpeed = (particle.retina.moveSpeed ??= (0, engine_1.getRangeValue)(moveOptions.speed) * pxRatio) *
+                container.retina.reduceFactor, moveDrift = (particle.retina.moveDrift ??= (0, engine_1.getRangeValue)(particle.options.move.drift) * pxRatio), maxSize = (0, engine_1.getRangeMax)(particleOptions.size.value) * pxRatio, sizeFactor = moveOptions.size ? particle.getRadius() / maxSize : 1, moveSpeed = (baseSpeed * sizeFactor * slowFactor * (delta.factor || 1)) / diffFactor, maxSpeed = particle.retina.maxSpeed ?? container.retina.maxSpeed;
             if (moveOptions.spin.enable) {
                 (0, Utils_1.spin)(particle, moveSpeed);
             }
             else {
-                (0, Utils_1.applyPath)(particle, delta);
-                const gravityOptions = particle.gravity, gravityFactor = (gravityOptions === null || gravityOptions === void 0 ? void 0 : gravityOptions.enable) && gravityOptions.inverse ? -1 : 1;
-                if ((gravityOptions === null || gravityOptions === void 0 ? void 0 : gravityOptions.enable) && moveSpeed) {
-                    particle.velocity.y +=
-                        (gravityFactor * (gravityOptions.acceleration * delta.factor)) / (60 * moveSpeed);
-                }
-                if (moveDrift && moveSpeed) {
-                    particle.velocity.x += (moveDrift * delta.factor) / (60 * moveSpeed);
-                }
-                const decay = particle.moveDecay;
-                if (decay != 1) {
-                    particle.velocity.multTo(decay);
-                }
-                const velocity = particle.velocity.mult(moveSpeed), maxSpeed = (_c = particle.retina.maxSpeed) !== null && _c !== void 0 ? _c : container.retina.maxSpeed;
-                if ((gravityOptions === null || gravityOptions === void 0 ? void 0 : gravityOptions.enable) &&
-                    maxSpeed > 0 &&
-                    ((!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed) ||
-                        (gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed))) {
-                    velocity.y = gravityFactor * maxSpeed;
-                    if (moveSpeed) {
-                        particle.velocity.y = velocity.y / moveSpeed;
-                    }
-                }
-                const zIndexOptions = particle.options.zIndex, zVelocityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.velocityRate;
-                if (zVelocityFactor != 1) {
-                    velocity.multTo(zVelocityFactor);
-                }
-                particle.position.addTo(velocity);
-                if (moveOptions.vibrate) {
-                    particle.position.x += Math.sin(particle.position.x * Math.cos(particle.position.y));
-                    particle.position.y += Math.cos(particle.position.y * Math.sin(particle.position.x));
-                }
+                (0, Utils_1.move)(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, delta);
             }
             (0, Utils_1.applyDistance)(particle);
         }

package/umd/Utils.js

@@ -9,10 +9,10 @@
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.getProximitySpeedFactor = exports.applyPath = exports.spin = exports.applyDistance = void 0;
+    exports.getProximitySpeedFactor = exports.applyPath = exports.spin = exports.move = exports.applyDistance = void 0;
     const engine_1 = require("@tsparticles/engine");
     function applyDistance(particle) {
-        const initialPosition = particle.initialPosition, { dx, dy } = (0, engine_1.getDistances)(initialPosition, particle.position), dxFixed = Math.abs(dx), dyFixed = Math.abs(dy), hDistance = particle.retina.maxDistance.horizontal, vDistance = particle.retina.maxDistance.vertical;
+        const initialPosition = particle.initialPosition, { dx, dy } = (0, engine_1.getDistances)(initialPosition, particle.position), dxFixed = Math.abs(dx), dyFixed = Math.abs(dy), { maxDistance } = particle.retina, hDistance = maxDistance.horizontal, vDistance = maxDistance.vertical;
         if (!hDistance && !vDistance) {
             return;
         }
@@ -39,6 +39,37 @@
         }
     }
     exports.applyDistance = applyDistance;
+    function move(particle, moveOptions, moveSpeed, maxSpeed, moveDrift, delta) {
+        applyPath(particle, delta);
+        const gravityOptions = particle.gravity, gravityFactor = gravityOptions?.enable && gravityOptions.inverse ? -1 : 1;
+        if (moveDrift && moveSpeed) {
+            particle.velocity.x += (moveDrift * delta.factor) / (60 * moveSpeed);
+        }
+        if (gravityOptions?.enable && moveSpeed) {
+            particle.velocity.y += (gravityFactor * (gravityOptions.acceleration * delta.factor)) / (60 * moveSpeed);
+        }
+        const decay = particle.moveDecay;
+        particle.velocity.multTo(decay);
+        const velocity = particle.velocity.mult(moveSpeed);
+        if (gravityOptions?.enable &&
+            maxSpeed > 0 &&
+            ((!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed) ||
+                (gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed))) {
+            velocity.y = gravityFactor * maxSpeed;
+            if (moveSpeed) {
+                particle.velocity.y = velocity.y / moveSpeed;
+            }
+        }
+        const zIndexOptions = particle.options.zIndex, zVelocityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.velocityRate;
+        velocity.multTo(zVelocityFactor);
+        const { position } = particle;
+        position.addTo(velocity);
+        if (moveOptions.vibrate) {
+            position.x += Math.sin(position.x * Math.cos(position.y));
+            position.y += Math.cos(position.y * Math.sin(position.x));
+        }
+    }
+    exports.move = move;
     function spin(particle, moveSpeed) {
         const container = particle.container;
         if (!particle.spin) {
@@ -64,7 +95,6 @@
     }
     exports.spin = spin;
     function applyPath(particle, delta) {
-        var _a;
         const particlesOptions = particle.options, pathOptions = particlesOptions.move.path, pathEnabled = pathOptions.enable;
         if (!pathEnabled) {
             return;
@@ -73,7 +103,7 @@
             particle.lastPathTime += delta.value;
             return;
         }
-        const path = (_a = particle.pathGenerator) === null || _a === void 0 ? void 0 : _a.generate(particle);
+        const path = particle.pathGenerator?.generate(particle, delta);
         if (path) {
             particle.velocity.addTo(path);
         }

package/umd/index.js

@@ -11,8 +11,8 @@
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadBaseMover = void 0;
     const BaseMover_1 = require("./BaseMover");
-    async function loadBaseMover(engine) {
-        engine.addMover("base", () => new BaseMover_1.BaseMover());
+    async function loadBaseMover(engine, refresh = true) {
+        await engine.addMover("base", () => new BaseMover_1.BaseMover(), refresh);
     }
     exports.loadBaseMover = loadBaseMover;
 });