tsparticles 2.0.2 → 2.0.3

package/tsparticles.bundle.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
- * v2.0.2
+ * v2.0.3
  */
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -509,28 +509,6 @@ __webpack_require__.d(__webpack_exports__, {
   "visibilityChangeEvent": () => (/* reexport */ visibilityChangeEvent)
 });
 
-;// CONCATENATED MODULE: ../../plugins/absorbers/dist/Options/Classes/AbsorberSizeLimit.js
-class AbsorberSizeLimit {
-  constructor() {
-    this.radius = 0;
-    this.mass = 0;
-  }
-
-  load(data) {
-    if (!data) {
-      return;
-    }
-
-    if (data.mass !== undefined) {
-      this.mass = data.mass;
-    }
-
-    if (data.radius !== undefined) {
-      this.radius = data.radius;
-    }
-  }
-
-}
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Utils/NumberUtils.js
 
 function clamp(num, min, max) {
@@ -694,7 +672,7 @@ class ColorAnimation {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -706,7 +684,7 @@ class ColorAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -929,7 +907,7 @@ class GradientAngleAnimation {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -937,7 +915,7 @@ class GradientAngleAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -961,7 +939,7 @@ class GradientColorOpacityAnimation {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -969,7 +947,7 @@ class GradientColorOpacityAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -983,6 +961,7 @@ class GradientColorOpacityAnimation {
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/AnimationOptions.js
+
 class AnimationOptions {
   constructor() {
     this.count = 0;
@@ -997,7 +976,7 @@ class AnimationOptions {
     }
 
     if (data.count !== undefined) {
-      this.count = data.count;
+      this.count = setRangeValue(data.count);
     }
 
     if (data.enable !== undefined) {
@@ -1005,7 +984,7 @@ class AnimationOptions {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -2874,6 +2853,7 @@ class Links {
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAttract.js
+
 class MoveAttract {
   constructor() {
     this.distance = 200;
@@ -2908,7 +2888,7 @@ class MoveAttract {
     }
 
     if (data.distance !== undefined) {
-      this.distance = data.distance;
+      this.distance = setRangeValue(data.distance);
     }
 
     if (data.enable !== undefined) {
@@ -2930,6 +2910,7 @@ class MoveAttract {
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveAngle.js
+
 class MoveAngle {
   constructor() {
     this.offset = 0;
@@ -2942,16 +2923,17 @@ class MoveAngle {
     }
 
     if (data.offset !== undefined) {
-      this.offset = data.offset;
+      this.offset = setRangeValue(data.offset);
     }
 
     if (data.value !== undefined) {
-      this.value = data.value;
+      this.value = setRangeValue(data.value);
     }
   }
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Move/MoveGravity.js
+
 class MoveGravity {
   constructor() {
     this.acceleration = 9.81;
@@ -2966,7 +2948,7 @@ class MoveGravity {
     }
 
     if (data.acceleration !== undefined) {
-      this.acceleration = data.acceleration;
+      this.acceleration = setRangeValue(data.acceleration);
     }
 
     if (data.enable !== undefined) {
@@ -2978,7 +2960,7 @@ class MoveGravity {
     }
 
     if (data.maxSpeed !== undefined) {
-      this.maxSpeed = data.maxSpeed;
+      this.maxSpeed = setRangeValue(data.maxSpeed);
     }
   }
 
@@ -3389,6 +3371,7 @@ class OrbitRotation extends ValueWithRandom {
 
 
 
+
 class Orbit {
   constructor() {
     this.animation = new AnimationOptions();
@@ -3411,15 +3394,15 @@ class Orbit {
     }
 
     if (data.opacity !== undefined) {
-      this.opacity = data.opacity;
+      this.opacity = setRangeValue(data.opacity);
     }
 
     if (data.width !== undefined) {
-      this.width = data.width;
+      this.width = setRangeValue(data.width);
     }
 
     if (data.radius !== undefined) {
-      this.radius = data.radius;
+      this.radius = setRangeValue(data.radius);
     }
 
     if (data.color !== undefined) {
@@ -3508,6 +3491,7 @@ class ParticlesNumber {
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Repulse/ParticlesRepulse.js
 
+
 class ParticlesRepulse extends ValueWithRandom {
   constructor() {
     super();
@@ -3530,19 +3514,19 @@ class ParticlesRepulse extends ValueWithRandom {
     }
 
     if (data.distance !== undefined) {
-      this.distance = data.distance;
+      this.distance = setRangeValue(data.distance);
     }
 
     if (data.duration !== undefined) {
-      this.duration = data.duration;
+      this.duration = setRangeValue(data.duration);
     }
 
     if (data.factor !== undefined) {
-      this.factor = data.factor;
+      this.factor = setRangeValue(data.factor);
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
   }
 
@@ -3550,6 +3534,7 @@ class ParticlesRepulse extends ValueWithRandom {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Repulse/index.js
 
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Roll/RollLight.js
+
 class RollLight {
   constructor() {
     this.enable = false;
@@ -3566,7 +3551,7 @@ class RollLight {
     }
 
     if (data.value !== undefined) {
-      this.value = data.value;
+      this.value = setRangeValue(data.value);
     }
   }
 
@@ -3615,6 +3600,7 @@ class Roll {
 
 
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Rotate/RotateAnimation.js
+
 class RotateAnimation {
   constructor() {
     this.enable = false;
@@ -3632,7 +3618,7 @@ class RotateAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -3971,6 +3957,7 @@ class Stroke {
 
 }
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Tilt/TiltAnimation.js
+
 class TiltAnimation {
   constructor() {
     this.enable = false;
@@ -3988,7 +3975,7 @@ class TiltAnimation {
     }
 
     if (data.speed !== undefined) {
-      this.speed = data.speed;
+      this.speed = setRangeValue(data.speed);
     }
 
     if (data.sync !== undefined) {
@@ -4033,6 +4020,7 @@ class Tilt extends ValueWithRandom {
 
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Twinkle/TwinkleValues.js
 
+
 class TwinkleValues {
   constructor() {
     this.enable = false;
@@ -4058,7 +4046,7 @@ class TwinkleValues {
     }
 
     if (data.opacity !== undefined) {
-      this.opacity = data.opacity;
+      this.opacity = setRangeValue(data.opacity);
     }
   }
 
@@ -4081,6 +4069,9 @@ class Twinkle {
   }
 
 }
+;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Twinkle/index.js
+
+
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Wobble/Wobble.js
 
 class Wobble {
@@ -4311,9 +4302,6 @@ class ParticlesOptions {
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Number/index.js
 
 
-;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/Twinkle/index.js
-
-
 ;// CONCATENATED MODULE: ../../engine/dist/esm/Options/Classes/Particles/index.js
 
 
@@ -5092,7 +5080,7 @@ function setColorAnimation(colorValue, colorAnimation, reduceFactor) {
   colorValue.enable = colorAnimation.enable;
 
   if (colorValue.enable) {
-    colorValue.velocity = colorAnimation.speed / 100 * reduceFactor;
+    colorValue.velocity = getRangeValue(colorAnimation.speed) / 100 * reduceFactor;
 
     if (colorAnimation.sync) {
       return;
@@ -6649,10 +6637,7 @@ class Canvas {
     const container = this.container;
     const pxRatio = container.retina.pixelRatio;
     const size = container.canvas.size;
-    const oldSize = {
-      width: size.width,
-      height: size.height
-    };
+    const oldSize = Object.assign({}, size);
     size.width = this.element.offsetWidth * pxRatio;
     size.height = this.element.offsetHeight * pxRatio;
     this.element.width = size.width;
@@ -6727,7 +6712,7 @@ class Canvas {
     const zIndexOptions = particle.options.zIndex;
     const zOpacityFactor = (1 - particle.zIndexFactor) ** zIndexOptions.opacityRate;
     const radius = particle.getRadius();
-    const opacity = twinkling ? twinkle.opacity : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
+    const opacity = twinkling ? getRangeValue(twinkle.opacity) : (_d = (_b = particle.bubble.opacity) !== null && _b !== void 0 ? _b : (_c = particle.opacity) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : 1;
     const strokeOpacity = (_f = (_e = particle.stroke) === null || _e === void 0 ? void 0 : _e.opacity) !== null && _f !== void 0 ? _f : opacity;
     const zOpacity = opacity * zOpacityFactor;
     const fillColorValue = fColor ? getStyleFromHsl(fColor, zOpacity) : undefined;
@@ -6969,6 +6954,7 @@ class Particle {
       maxDistance: {}
     };
     this.outType = "normal";
+    this.ignoresResizeRatio = true;
     const pxRatio = container.retina.pixelRatio;
     const mainOptions = container.actualOptions;
     const particlesOptions = loadParticlesOptions(mainOptions.particles);
@@ -7014,7 +7000,7 @@ class Particle {
       max: getRangeMax(sizeRange) * pxRatio,
       min: getRangeMin(sizeRange) * pxRatio,
       loops: 0,
-      maxLoops: sizeOptions.animation.count
+      maxLoops: getRangeValue(sizeOptions.animation.count)
     };
     const sizeAnimation = sizeOptions.animation;
 
@@ -7073,6 +7059,12 @@ class Particle {
     this.initialVelocity = this.calculateVelocity();
     this.velocity = this.initialVelocity.copy();
     this.moveDecay = 1 - getRangeValue(this.options.move.decay);
+    const gravityOptions = this.options.move.gravity;
+    this.gravity = {
+      enable: gravityOptions.enable,
+      acceleration: getRangeValue(gravityOptions.acceleration),
+      inverse: gravityOptions.inverse
+    };
     this.offset = Vector.origin;
     const particles = container.particles;
     particles.needsSort = particles.needsSort || particles.lastZIndex < this.position.z;
@@ -7334,8 +7326,8 @@ class Particle {
       return res;
     }
 
-    const rad = Math.PI / 180 * moveOptions.angle.value;
-    const radOffset = Math.PI / 180 * moveOptions.angle.offset;
+    const rad = Math.PI / 180 * getRangeValue(moveOptions.angle.value);
+    const radOffset = Math.PI / 180 * getRangeValue(moveOptions.angle.offset);
     const range = {
       left: radOffset - rad / 2,
       right: radOffset + rad / 2
@@ -7532,11 +7524,12 @@ class Particles {
     for (const particle of this.array) {
       const resizeFactor = container.canvas.resizeFactor;
 
-      if (resizeFactor) {
+      if (resizeFactor && !particle.ignoresResizeRatio) {
         particle.position.x *= resizeFactor.width;
         particle.position.y *= resizeFactor.height;
       }
 
+      particle.ignoresResizeRatio = false;
       particle.bubble.inRange = false;
 
       for (const [, plugin] of this.container.plugins) {
@@ -7857,14 +7850,14 @@ class Retina {
     }
 
     const particles = options.particles;
-    this.attractDistance = particles.move.attract.distance * ratio;
+    this.attractDistance = getRangeValue(particles.move.attract.distance) * ratio;
     this.linksDistance = particles.links.distance * ratio;
     this.linksWidth = particles.links.width * ratio;
-    this.sizeAnimationSpeed = particles.size.animation.speed * ratio;
-    this.maxSpeed = particles.move.gravity.maxSpeed * ratio;
+    this.sizeAnimationSpeed = getRangeValue(particles.size.animation.speed) * ratio;
+    this.maxSpeed = getRangeValue(particles.move.gravity.maxSpeed) * ratio;
 
     if (particles.orbit.radius !== undefined) {
-      this.orbitRadius = particles.orbit.radius * this.container.retina.pixelRatio;
+      this.orbitRadius = getRangeValue(particles.orbit.radius) * this.container.retina.pixelRatio;
     }
 
     const modes = options.interactivity.modes;
@@ -7887,16 +7880,16 @@ class Retina {
     const ratio = this.pixelRatio;
     const moveDistance = options.move.distance;
     const props = particle.retina;
-    props.attractDistance = options.move.attract.distance * ratio;
+    props.attractDistance = getRangeValue(options.move.attract.distance) * ratio;
     props.linksDistance = options.links.distance * ratio;
     props.linksWidth = options.links.width * ratio;
     props.moveDrift = getRangeValue(options.move.drift) * ratio;
     props.moveSpeed = getRangeValue(options.move.speed) * ratio;
-    props.sizeAnimationSpeed = options.size.animation.speed * ratio;
+    props.sizeAnimationSpeed = getRangeValue(options.size.animation.speed) * ratio;
     const maxDistance = props.maxDistance;
     maxDistance.horizontal = moveDistance.horizontal !== undefined ? moveDistance.horizontal * ratio : undefined;
     maxDistance.vertical = moveDistance.vertical !== undefined ? moveDistance.vertical * ratio : undefined;
-    props.maxSpeed = options.move.gravity.maxSpeed * ratio;
+    props.maxSpeed = getRangeValue(options.move.gravity.maxSpeed) * ratio;
   }
 
   handleMotionChange(mediaQuery) {
@@ -8823,6 +8816,28 @@ tsParticles.init();
 
 
 
+;// CONCATENATED MODULE: ../../plugins/absorbers/dist/Options/Classes/AbsorberSizeLimit.js
+class AbsorberSizeLimit {
+  constructor() {
+    this.radius = 0;
+    this.mass = 0;
+  }
+
+  load(data) {
+    if (!data) {
+      return;
+    }
+
+    if (data.mass !== undefined) {
+      this.mass = data.mass;
+    }
+
+    if (data.radius !== undefined) {
+      this.radius = data.radius;
+    }
+  }
+
+}
 ;// CONCATENATED MODULE: ../../plugins/absorbers/dist/Options/Classes/AbsorberSize.js
 
 
@@ -8887,10 +8902,15 @@ class Absorber {
     }
 
     if (data.position !== undefined) {
-      this.position = {
-        x: data.position.x,
-        y: data.position.y
-      };
+      this.position = {};
+
+      if (data.position.x !== undefined) {
+        this.position.x = setRangeValue(data.position.x);
+      }
+
+      if (data.position.y !== undefined) {
+        this.position.y = setRangeValue(data.position.y);
+      }
     }
 
     if (data.size !== undefined) {
@@ -9024,7 +9044,7 @@ class AbsorberInstance {
 
     const container = this.container;
     const percentPosition = this.options.position;
-    return Vector.create(((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100 * container.canvas.size.width, ((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100 * container.canvas.size.height);
+    return Vector.create(getRangeValue((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100 * container.canvas.size.width, getRangeValue((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100 * container.canvas.size.height);
   }
 
   updateParticlePosition(particle, v) {
@@ -9507,10 +9527,15 @@ class Emitter {
     }
 
     if (data.position !== undefined) {
-      this.position = {
-        x: data.position.x,
-        y: data.position.y
-      };
+      this.position = {};
+
+      if (data.position.x !== undefined) {
+        this.position.x = setRangeValue(data.position.x);
+      }
+
+      if (data.position.y !== undefined) {
+        this.position.y = setRangeValue(data.position.y);
+      }
     }
 
     if (data.spawnColor !== undefined) {
@@ -9548,9 +9573,9 @@ var _EmitterInstance_firstSpawn, _EmitterInstance_startParticlesAdded, _EmitterI
 
 class EmitterInstance {
   constructor(engine, emitters, container, options, position) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
 
-    var _g;
+    var _h;
 
     this.emitters = emitters;
     this.container = container;
@@ -9576,8 +9601,9 @@ class EmitterInstance {
     }
 
     this.spawnDelay = ((_a = this.options.life.delay) !== null && _a !== void 0 ? _a : 0) * 1000 / this.container.retina.reduceFactor;
+    this.position = (_b = this.initialPosition) !== null && _b !== void 0 ? _b : this.calcPosition();
     this.name = this.options.name;
-    this.shape = (_b = EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _b === void 0 ? void 0 : _b.getShape(this.options.shape);
+    this.shape = (_c = EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_engine, "f").emitterShapeManager) === null || _c === void 0 ? void 0 : _c.getShape(this.options.shape);
     this.fill = this.options.fill;
 
     EmitterInstance_classPrivateFieldSet(this, _EmitterInstance_firstSpawn, !this.options.life.wait, "f");
@@ -9586,8 +9612,8 @@ class EmitterInstance {
 
     let particlesOptions = deepExtend({}, this.options.particles);
     particlesOptions !== null && particlesOptions !== void 0 ? particlesOptions : particlesOptions = {};
-    (_c = particlesOptions.move) !== null && _c !== void 0 ? _c : particlesOptions.move = {};
-    (_d = (_g = particlesOptions.move).direction) !== null && _d !== void 0 ? _d : _g.direction = this.options.direction;
+    (_d = particlesOptions.move) !== null && _d !== void 0 ? _d : particlesOptions.move = {};
+    (_e = (_h = particlesOptions.move).direction) !== null && _e !== void 0 ? _e : _h.direction = this.options.direction;
 
     if (this.options.spawnColor) {
       this.spawnColor = colorToHsl(this.options.spawnColor);
@@ -9595,7 +9621,7 @@ class EmitterInstance {
 
     this.paused = !this.options.autoPlay;
     this.particlesOptions = particlesOptions;
-    this.size = (_e = this.options.size) !== null && _e !== void 0 ? _e : (() => {
+    this.size = (_f = this.options.size) !== null && _f !== void 0 ? _f : (() => {
       const size = new EmitterSize();
       size.load({
         height: 0,
@@ -9604,7 +9630,7 @@ class EmitterInstance {
       });
       return size;
     })();
-    this.lifeCount = (_f = this.options.life.count) !== null && _f !== void 0 ? _f : -1;
+    this.lifeCount = (_g = this.options.life.count) !== null && _g !== void 0 ? _g : -1;
     this.immortal = this.lifeCount <= 0;
 
     EmitterInstance_classPrivateFieldGet(this, _EmitterInstance_engine, "f").dispatchEvent("emitterCreated", {
@@ -9798,8 +9824,8 @@ class EmitterInstance {
     const container = this.container;
     const percentPosition = this.options.position;
     return {
-      x: ((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100 * container.canvas.size.width,
-      y: ((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100 * container.canvas.size.height
+      x: getRangeValue((_a = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.x) !== null && _a !== void 0 ? _a : Math.random() * 100) / 100 * container.canvas.size.width,
+      y: getRangeValue((_b = percentPosition === null || percentPosition === void 0 ? void 0 : percentPosition.y) !== null && _b !== void 0 ? _b : Math.random() * 100) / 100 * container.canvas.size.height
     };
   }
 
@@ -9861,7 +9887,7 @@ class EmitterInstance {
     const colorOffset = randomInRange(animation.offset);
     const delay = getRangeValue(this.options.rate.delay);
     const emitFactor = 1000 * delay / container.retina.reduceFactor;
-    const colorSpeed = (_a = animation.speed) !== null && _a !== void 0 ? _a : 0;
+    const colorSpeed = getRangeValue((_a = animation.speed) !== null && _a !== void 0 ? _a : 0);
     return (initValue + colorSpeed * container.fpsLimit / emitFactor + colorOffset * 3.6) % maxValue;
   }
 
@@ -11429,17 +11455,17 @@ class RollUpdater {
         const alterType = Math.random() >= 0.5 ? "darken" : "enlighten";
         particle.roll.alter = {
           type: alterType,
-          value: alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value
+          value: getRangeValue(alterType === "darken" ? rollOpt.darken.value : rollOpt.enlighten.value)
         };
       } else if (rollOpt.darken.enable) {
         particle.roll.alter = {
           type: "darken",
-          value: rollOpt.darken.value
+          value: getRangeValue(rollOpt.darken.value)
         };
       } else if (rollOpt.enlighten.enable) {
         particle.roll.alter = {
           type: "enlighten",
-          value: rollOpt.enlighten.value
+          value: getRangeValue(rollOpt.enlighten.value)
         };
       }
     } else {
@@ -11578,7 +11604,7 @@ class AngleUpdater {
     const rotateAnimation = particle.options.rotate.animation;
 
     if (rotateAnimation.enable) {
-      particle.rotate.velocity = rotateAnimation.speed / 360 * this.container.retina.reduceFactor;
+      particle.rotate.velocity = getRangeValue(rotateAnimation.speed) / 360 * this.container.retina.reduceFactor;
 
       if (!rotateAnimation.sync) {
         particle.rotate.velocity *= Math.random();
@@ -11821,7 +11847,7 @@ class BaseMover {
           diffFactor = 2,
           moveSpeed = baseSpeed * speedFactor / diffFactor;
     applyPath(particle, delta);
-    const gravityOptions = moveOptions.gravity,
+    const gravityOptions = particle.gravity,
           gravityFactor = gravityOptions.enable && gravityOptions.inverse ? -1 : 1;
 
     if (gravityOptions.enable && moveSpeed) {
@@ -11841,7 +11867,7 @@ class BaseMover {
     const velocity = particle.velocity.mult(moveSpeed),
           maxSpeed = (_c = particle.retina.maxSpeed) !== null && _c !== void 0 ? _c : container.retina.maxSpeed;
 
-    if (gravityOptions.enable && gravityOptions.maxSpeed > 0 && (!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed || gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) {
+    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) {
@@ -14303,7 +14329,7 @@ class OpacityUpdater {
       min: getRangeMin(opacityOptions.value),
       value: getRangeValue(opacityOptions.value),
       loops: 0,
-      maxLoops: opacityOptions.animation.count
+      maxLoops: getRangeValue(opacityOptions.animation.count)
     };
     const opacityAnimation = opacityOptions.animation;
 
@@ -14331,7 +14357,7 @@ class OpacityUpdater {
           break;
       }
 
-      particle.opacity.velocity = opacityAnimation.speed / 100 * this.container.retina.reduceFactor;
+      particle.opacity.velocity = getRangeValue(opacityAnimation.speed) / 100 * this.container.retina.reduceFactor;
 
       if (!opacityAnimation.sync) {
         particle.opacity.velocity *= Math.random();
@@ -15618,7 +15644,7 @@ class LinkInstance {
 
         if (twinkling && twinkleRgb !== undefined) {
           colorLine = twinkleRgb;
-          opacity = twinkle.opacity;
+          opacity = getRangeValue(twinkle.opacity);
         }
       }
 
@@ -16576,7 +16602,7 @@ class TiltUpdater {
     const tiltAnimation = particle.options.tilt.animation;
 
     if (tiltAnimation.enable) {
-      particle.tilt.velocity = tiltAnimation.speed / 360 * this.container.retina.reduceFactor;
+      particle.tilt.velocity = getRangeValue(tiltAnimation.speed) / 360 * this.container.retina.reduceFactor;
 
       if (!tiltAnimation.sync) {
         particle.tilt.velocity *= Math.random();