tsparticles 1.41.6 → 1.42.0

package/browser/Options/Classes/AnimationOptions.d.ts

@@ -1,10 +1,10 @@
-import { IAnimation } from "../Interfaces/IAnimation";
-import { IOptionLoader } from "../Interfaces/IOptionLoader";
-import { RecursivePartial } from "../../Types";
+import type { RangeValue, RecursivePartial } from "../../Types";
+import type { IAnimation } from "../Interfaces/IAnimation";
+import type { IOptionLoader } from "../Interfaces/IOptionLoader";
 export declare class AnimationOptions implements IAnimation, IOptionLoader<IAnimation> {
-    count: number;
+    count: RangeValue;
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
     constructor();
     load(data?: RecursivePartial<IAnimation>): void;

package/browser/Options/Classes/AnimationOptions.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../Utils";
 export class AnimationOptions {
     constructor() {
         this.count = 0;
@@ -10,13 +11,13 @@ export class AnimationOptions {
             return;
         }
         if (data.count !== undefined) {
-            this.count = data.count;
+            this.count = setRangeValue(data.count);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

package/browser/Options/Classes/ColorAnimation.d.ts

@@ -5,10 +5,10 @@ import type { IOptionLoader } from "../Interfaces/IOptionLoader";
  * @category Options
  */
 export declare class ColorAnimation implements IColorAnimation, IOptionLoader<IColorAnimation> {
-    count: number;
+    count: RangeValue;
     enable: boolean;
     offset: RangeValue;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
     constructor();
     load(data?: RecursivePartial<IColorAnimation>): void;

package/browser/Options/Classes/ColorAnimation.js

@@ -15,7 +15,7 @@ export class ColorAnimation {
             return;
         }
         if (data.count !== undefined) {
-            this.count = data.count;
+            this.count = setRangeValue(data.count);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
@@ -24,7 +24,7 @@ export class ColorAnimation {
             this.offset = setRangeValue(data.offset);
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

package/browser/Options/Classes/Particles/Move/Attract.d.ts

@@ -1,7 +1,7 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IAttract } from "../../../Interfaces/Particles/Move/IAttract";
 import type { ICoordinates } from "../../../../Core";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */
@@ -28,7 +28,7 @@ export declare class Attract implements IAttract, IOptionLoader<IAttract> {
      * @param value
      */
     set rotateY(value: number);
-    distance: number;
+    distance: RangeValue;
     enable: boolean;
     rotate: ICoordinates;
     constructor();

package/browser/Options/Classes/Particles/Move/Attract.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 /**
  * @category Options
  */
@@ -46,7 +47,7 @@ export class Attract {
             return;
         }
         if (data.distance !== undefined) {
-            this.distance = data.distance;
+            this.distance = setRangeValue(data.distance);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;

package/browser/Options/Classes/Particles/Move/MoveAngle.d.ts

@@ -1,12 +1,12 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IMoveAngle } from "../../../Interfaces/Particles/Move/IMoveAngle";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */
 export declare class MoveAngle implements IMoveAngle, IOptionLoader<IMoveAngle> {
-    offset: number;
-    value: number;
+    offset: RangeValue;
+    value: RangeValue;
     constructor();
     load(data?: RecursivePartial<IMoveAngle>): void;
 }

package/browser/Options/Classes/Particles/Move/MoveAngle.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 /**
  * @category Options
  */
@@ -11,10 +12,10 @@ export class MoveAngle {
             return;
         }
         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);
         }
     }
 }

package/browser/Options/Classes/Particles/Move/MoveGravity.d.ts

@@ -1,11 +1,11 @@
-import { IMoveGravity } from "../../../Interfaces/Particles/Move/IMoveGravity";
-import { IOptionLoader } from "../../../Interfaces/IOptionLoader";
-import { RecursivePartial } from "../../../../Types";
+import type { RangeValue, RecursivePartial } from "../../../../Types";
+import type { IMoveGravity } from "../../../Interfaces/Particles/Move/IMoveGravity";
+import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 export declare class MoveGravity implements IMoveGravity, IOptionLoader<IMoveGravity> {
-    acceleration: number;
+    acceleration: RangeValue;
     enable: boolean;
     inverse: boolean;
-    maxSpeed: number;
+    maxSpeed: RangeValue;
     constructor();
     load(data?: RecursivePartial<IMoveGravity>): void;
 }

package/browser/Options/Classes/Particles/Move/MoveGravity.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class MoveGravity {
     constructor() {
         this.acceleration = 9.81;
@@ -10,7 +11,7 @@ export class MoveGravity {
             return;
         }
         if (data.acceleration !== undefined) {
-            this.acceleration = data.acceleration;
+            this.acceleration = setRangeValue(data.acceleration);
         }
         if (data.enable !== undefined) {
             this.enable = data.enable;
@@ -19,7 +20,7 @@ export class MoveGravity {
             this.inverse = data.inverse;
         }
         if (data.maxSpeed !== undefined) {
-            this.maxSpeed = data.maxSpeed;
+            this.maxSpeed = setRangeValue(data.maxSpeed);
         }
     }
 }

package/browser/Options/Classes/Particles/Orbit/Orbit.d.ts

@@ -1,10 +1,10 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import { AnimationOptions } from "../../AnimationOptions";
 import type { IAnimatable } from "../../../Interfaces/IAnimatable";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IOrbit } from "../../../Interfaces/Particles/Orbit/IOrbit";
 import { OptionsColor } from "../../OptionsColor";
 import { OrbitRotation } from "./OrbitRotation";
-import type { RecursivePartial } from "../../../../Types";
 /**
  * [[include:Options/Particles/Orbit.md]]
  * @category Options
@@ -12,10 +12,10 @@ import type { RecursivePartial } from "../../../../Types";
 export declare class Orbit implements IOrbit, IOptionLoader<IOrbit>, IAnimatable<AnimationOptions> {
     animation: AnimationOptions;
     enable: boolean;
-    opacity: number;
-    width: number;
+    opacity: RangeValue;
+    width: RangeValue;
     color?: OptionsColor;
-    radius?: number;
+    radius?: RangeValue;
     rotation: OrbitRotation;
     constructor();
     load(data?: RecursivePartial<IOrbit>): void;

package/browser/Options/Classes/Particles/Orbit/Orbit.js

@@ -1,6 +1,7 @@
 import { AnimationOptions } from "../../AnimationOptions";
 import { OptionsColor } from "../../OptionsColor";
 import { OrbitRotation } from "./OrbitRotation";
+import { setRangeValue } from "../../../../Utils";
 /**
  * [[include:Options/Particles/Orbit.md]]
  * @category Options
@@ -23,13 +24,13 @@ export class Orbit {
             this.enable = data.enable;
         }
         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) {
             this.color = OptionsColor.create(this.color, data.color);

package/browser/Options/Classes/Particles/Repulse/Repulse.d.ts

@@ -1,16 +1,16 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRepulse } from "../../../Interfaces/Particles/Repulse/IRepulse";
-import type { RecursivePartial } from "../../../../Types";
 import { ValueWithRandom } from "../../ValueWithRandom";
 /**
  * @category Options
  */
 export declare class Repulse extends ValueWithRandom implements IRepulse, IOptionLoader<IRepulse> {
     enabled: boolean;
-    distance: number;
-    duration: number;
-    factor: number;
-    speed: number;
+    distance: RangeValue;
+    duration: RangeValue;
+    factor: RangeValue;
+    speed: RangeValue;
     constructor();
     load(data?: RecursivePartial<IRepulse>): void;
 }

package/browser/Options/Classes/Particles/Repulse/Repulse.js

@@ -1,4 +1,5 @@
 import { ValueWithRandom } from "../../ValueWithRandom";
+import { setRangeValue } from "../../../../Utils";
 /**
  * @category Options
  */
@@ -20,16 +21,16 @@ export class Repulse extends ValueWithRandom {
             this.enabled = data.enabled;
         }
         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);
         }
     }
 }

package/browser/Options/Classes/Particles/Roll/RollLight.d.ts

@@ -1,9 +1,9 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRollLight } from "../../../Interfaces/Particles/Roll/IRollLight";
-import type { RecursivePartial } from "../../../../Types";
 export declare class RollLight implements IRollLight, IOptionLoader<IRollLight> {
     enable: boolean;
-    value: number;
+    value: RangeValue;
     constructor();
     load(data?: RecursivePartial<IRollLight>): void;
 }

package/browser/Options/Classes/Particles/Roll/RollLight.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 export class RollLight {
     constructor() {
         this.enable = false;
@@ -11,7 +12,7 @@ export class RollLight {
             this.enable = data.enable;
         }
         if (data.value !== undefined) {
-            this.value = data.value;
+            this.value = setRangeValue(data.value);
         }
     }
 }

package/browser/Options/Classes/Particles/Rotate/RotateAnimation.d.ts

@@ -1,12 +1,12 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { IRotateAnimation } from "../../../Interfaces/Particles/Rotate/IRotateAnimation";
-import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */
 export declare class RotateAnimation implements IRotateAnimation, IOptionLoader<IRotateAnimation> {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
     constructor();
     load(data?: RecursivePartial<IRotateAnimation>): void;

package/browser/Options/Classes/Particles/Rotate/RotateAnimation.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 /**
  * @category Options
  */
@@ -15,7 +16,7 @@ export class RotateAnimation {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

package/browser/Options/Classes/Particles/Tilt/TiltAnimation.d.ts

@@ -1,12 +1,12 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { ITiltAnimation } from "../../../Interfaces/Particles/Tilt/ITiltAnimation";
-import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */
 export declare class TiltAnimation implements ITiltAnimation, IOptionLoader<ITiltAnimation> {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
     constructor();
     load(data?: RecursivePartial<ITiltAnimation>): void;

package/browser/Options/Classes/Particles/Tilt/TiltAnimation.js

@@ -1,3 +1,4 @@
+import { setRangeValue } from "../../../../Utils";
 /**
  * @category Options
  */
@@ -15,7 +16,7 @@ export class TiltAnimation {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            this.speed = data.speed;
+            this.speed = setRangeValue(data.speed);
         }
         if (data.sync !== undefined) {
             this.sync = data.sync;

package/browser/Options/Classes/Particles/Twinkle/TwinkleValues.d.ts

@@ -1,7 +1,7 @@
+import type { RangeValue, RecursivePartial } from "../../../../Types";
 import type { IOptionLoader } from "../../../Interfaces/IOptionLoader";
 import type { ITwinkleValues } from "../../../Interfaces/Particles/Twinkle/ITwinkleValues";
 import { OptionsColor } from "../../OptionsColor";
-import type { RecursivePartial } from "../../../../Types";
 /**
  * @category Options
  */
@@ -9,7 +9,7 @@ export declare class TwinkleValues implements ITwinkleValues, IOptionLoader<ITwi
     color?: OptionsColor;
     enable: boolean;
     frequency: number;
-    opacity: number;
+    opacity: RangeValue;
     constructor();
     load(data?: RecursivePartial<ITwinkleValues>): void;
 }

package/browser/Options/Classes/Particles/Twinkle/TwinkleValues.js

@@ -1,4 +1,5 @@
 import { OptionsColor } from "../../OptionsColor";
+import { setRangeValue } from "../../../../Utils";
 /**
  * @category Options
  */
@@ -22,7 +23,7 @@ export class TwinkleValues {
             this.frequency = data.frequency;
         }
         if (data.opacity !== undefined) {
-            this.opacity = data.opacity;
+            this.opacity = setRangeValue(data.opacity);
         }
     }
 }

package/browser/Options/Interfaces/IAnimation.d.ts

@@ -1,5 +1,6 @@
+import { RangeValue } from "../../Types";
 export interface IAnimation {
-    count: number;
+    count: RangeValue;
     /**
      * Enables/disables the animation
      */
@@ -7,7 +8,7 @@ export interface IAnimation {
     /**
      * Speed animation
      */
-    speed: number;
+    speed: RangeValue;
     /**
      * Enables the sync animations for the particles created at the same time
      * pushed or emitter particles will be out of sync

package/browser/Options/Interfaces/Particles/Move/IAttract.d.ts

@@ -1,9 +1,10 @@
-import type { ICoordinates } from "../../../../Core/Interfaces/ICoordinates";
+import type { ICoordinates } from "../../../../Core";
+import type { RangeValue } from "../../../../Types";
 /**
  * @category Options
  */
 export interface IAttract {
-    distance: number;
+    distance: RangeValue;
     enable: boolean;
     /**
      * @deprecated use the new rotate.x instead

package/browser/Options/Interfaces/Particles/Move/IMoveAngle.d.ts

@@ -1,7 +1,8 @@
+import type { RangeValue } from "../../../../Types";
 /**
  * @category Options
  */
 export interface IMoveAngle {
-    offset: number;
-    value: number;
+    offset: RangeValue;
+    value: RangeValue;
 }

package/browser/Options/Interfaces/Particles/Move/IMoveGravity.d.ts

@@ -1,6 +1,7 @@
+import type { RangeValue } from "../../../../Types";
 export interface IMoveGravity {
-    acceleration: number;
+    acceleration: RangeValue;
     enable: boolean;
     inverse: boolean;
-    maxSpeed: number;
+    maxSpeed: RangeValue;
 }

package/browser/Options/Interfaces/Particles/Orbit/IOrbit.d.ts

@@ -2,6 +2,7 @@ import type { IAnimatable } from "../../IAnimatable";
 import type { IAnimation } from "../../IAnimation";
 import type { IColor } from "../../../../Core";
 import type { IValueWithRandom } from "../../IValueWithRandom";
+import type { RangeValue } from "../../../../Types";
 /**
  * @category Options
  * [[include:Options/Particles/Orbit.md]]
@@ -12,8 +13,8 @@ export interface IOrbit extends IAnimatable<IAnimation> {
      * Enables/disables the animation
      */
     enable: boolean;
-    radius?: number;
+    radius?: RangeValue;
     rotation: IValueWithRandom;
-    opacity: number;
-    width: number;
+    opacity: RangeValue;
+    width: RangeValue;
 }

package/browser/Options/Interfaces/Particles/Repulse/IRepulse.d.ts

@@ -1,12 +1,13 @@
 import type { IValueWithRandom } from "../../IValueWithRandom";
+import type { RangeValue } from "../../../../Types";
 /**
  * @category Options
  * [[include:Options/Particles/Repulse.md]]
  */
 export interface IRepulse extends IValueWithRandom {
     enabled: boolean;
-    distance: number;
-    duration: number;
-    factor: number;
-    speed: number;
+    distance: RangeValue;
+    duration: RangeValue;
+    factor: RangeValue;
+    speed: RangeValue;
 }

package/browser/Options/Interfaces/Particles/Roll/IRollLight.d.ts

@@ -1,4 +1,5 @@
+import type { RangeValue } from "../../../../Types";
 export interface IRollLight {
     enable: boolean;
-    value: number;
+    value: RangeValue;
 }

package/browser/Options/Interfaces/Particles/Rotate/IRotateAnimation.d.ts

@@ -1,8 +1,9 @@
+import type { RangeValue } from "../../../../Types";
 /**
  * @category Options
  */
 export interface IRotateAnimation {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
 }

package/browser/Options/Interfaces/Particles/Tilt/ITiltAnimation.d.ts

@@ -1,8 +1,9 @@
+import type { RangeValue } from "../../../../Types";
 /**
  * @category Options
  */
 export interface ITiltAnimation {
     enable: boolean;
-    speed: number;
+    speed: RangeValue;
     sync: boolean;
 }

package/browser/Options/Interfaces/Particles/Twinkle/ITwinkleValues.d.ts

@@ -1,4 +1,5 @@
-import type { IColor } from "../../../../Core/Interfaces/Colors";
+import type { IColor } from "../../../../Core";
+import type { RangeValue } from "../../../../Types";
 /**
  * @category Options
  */
@@ -6,5 +7,5 @@ export interface ITwinkleValues {
     color?: string | IColor;
     enable: boolean;
     frequency: number;
-    opacity: number;
+    opacity: RangeValue;
 }

package/browser/Plugins/Absorbers/AbsorberInstance.js

@@ -105,7 +105,7 @@ export class AbsorberInstance {
         var _a, _b;
         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) {
         var _a;

package/browser/Plugins/Absorbers/Options/Classes/Absorber.d.ts

@@ -1,7 +1,7 @@
 import { AbsorberSize } from "./AbsorberSize";
 import type { IAbsorber } from "../Interfaces/IAbsorber";
-import type { ICoordinates } from "../../../../Core";
 import type { IOptionLoader } from "../../../../Options/Interfaces/IOptionLoader";
+import type { IRangedCoordinates } from "../../../../Core";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
 import type { RecursivePartial } from "../../../../Types";
 /**
@@ -13,7 +13,7 @@ export declare class Absorber implements IAbsorber, IOptionLoader<IAbsorber> {
     draggable: boolean;
     name?: string;
     opacity: number;
-    position?: RecursivePartial<ICoordinates>;
+    position?: RecursivePartial<IRangedCoordinates>;
     size: AbsorberSize;
     destroy: boolean;
     orbits: boolean;

package/browser/Plugins/Absorbers/Options/Classes/Absorber.js

@@ -1,5 +1,6 @@
 import { AbsorberSize } from "./AbsorberSize";
 import { OptionsColor } from "../../../../Options/Classes/OptionsColor";
+import { setRangeValue } from "../../../../Utils";
 /**
  * [[include:Options/Plugins/Absorbers.md]]
  * @category Absorbers Plugin
@@ -29,10 +30,13 @@ export class Absorber {
             this.opacity = data.opacity;
         }
         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) {
             this.size.load(data.size);

package/browser/Plugins/Absorbers/Options/Interfaces/IAbsorber.d.ts

@@ -1,4 +1,4 @@
-import type { IColor, ICoordinates } from "../../../../Core";
+import type { IColor, IRangedCoordinates } from "../../../../Core";
 import type { IAbsorberSize } from "./IAbsorberSize";
 import { RecursivePartial } from "../../../../Types";
 /**
@@ -22,7 +22,7 @@ export interface IAbsorber {
     /**
      * Absorber position, percent values calculated on canvas size
      */
-    position?: RecursivePartial<ICoordinates>;
+    position?: RecursivePartial<IRangedCoordinates>;
     /**
      * Absorber size, these values will be used as pixels
      */

package/browser/Plugins/Emitters/EmitterInstance.js

@@ -211,8 +211,8 @@ export 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,
         };
     }
     emit() {
@@ -261,7 +261,7 @@ export 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;
     }
 }