@tsparticles/engine 3.0.0-beta.2 → 3.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (186) hide show
  1. package/browser/Core/Canvas.js +2 -2
  2. package/browser/Core/Container.js +39 -24
  3. package/browser/Core/Engine.js +26 -53
  4. package/browser/Core/Particle.js +88 -53
  5. package/browser/Core/Particles.js +51 -26
  6. package/browser/Core/Retina.js +0 -2
  7. package/browser/Core/Utils/QuadTree.js +1 -1
  8. package/browser/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
  9. package/browser/Options/Classes/ColorAnimation.js +4 -24
  10. package/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
  11. package/browser/Options/Classes/Particles/Effect/Effect.js +32 -0
  12. package/browser/Options/Classes/Particles/Number/ParticlesNumber.js +3 -5
  13. package/browser/Options/Classes/Particles/Number/ParticlesNumberLimit.js +17 -0
  14. package/browser/Options/Classes/Particles/Opacity/Opacity.js +2 -3
  15. package/browser/Options/Classes/Particles/ParticlesOptions.js +3 -0
  16. package/browser/Options/Classes/Particles/Size/Size.js +2 -3
  17. package/browser/Options/Classes/ValueWithRandom.js +1 -10
  18. package/browser/Utils/CanvasUtils.js +29 -21
  19. package/browser/Utils/ColorUtils.js +24 -38
  20. package/browser/Utils/NumberUtils.js +7 -16
  21. package/browser/Utils/Utils.js +13 -7
  22. package/browser/export-types.js +4 -2
  23. package/browser/exports.js +2 -3
  24. package/cjs/Core/Canvas.js +2 -2
  25. package/cjs/Core/Container.js +39 -24
  26. package/cjs/Core/Engine.js +25 -52
  27. package/cjs/Core/Particle.js +87 -52
  28. package/cjs/Core/Particles.js +51 -26
  29. package/cjs/Core/Retina.js +0 -2
  30. package/cjs/Core/Utils/QuadTree.js +1 -1
  31. package/cjs/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
  32. package/cjs/Options/Classes/ColorAnimation.js +4 -24
  33. package/cjs/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
  34. package/cjs/Options/Classes/Particles/Effect/Effect.js +36 -0
  35. package/cjs/Options/Classes/Particles/Number/ParticlesNumber.js +3 -5
  36. package/cjs/Options/Classes/Particles/Number/ParticlesNumberLimit.js +21 -0
  37. package/cjs/Options/Classes/Particles/Opacity/Opacity.js +1 -2
  38. package/cjs/Options/Classes/Particles/ParticlesOptions.js +3 -0
  39. package/cjs/Options/Classes/Particles/Size/Size.js +2 -3
  40. package/cjs/Options/Classes/ValueWithRandom.js +1 -10
  41. package/cjs/Utils/CanvasUtils.js +32 -24
  42. package/cjs/Utils/ColorUtils.js +24 -38
  43. package/cjs/Utils/NumberUtils.js +8 -18
  44. package/cjs/Utils/Utils.js +14 -7
  45. package/cjs/export-types.js +4 -2
  46. package/cjs/exports.js +2 -3
  47. package/esm/Core/Canvas.js +2 -2
  48. package/esm/Core/Container.js +39 -24
  49. package/esm/Core/Engine.js +26 -53
  50. package/esm/Core/Particle.js +88 -53
  51. package/esm/Core/Particles.js +51 -26
  52. package/esm/Core/Retina.js +0 -2
  53. package/esm/Core/Utils/QuadTree.js +1 -1
  54. package/esm/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
  55. package/esm/Options/Classes/ColorAnimation.js +4 -24
  56. package/esm/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
  57. package/esm/Options/Classes/Particles/Effect/Effect.js +32 -0
  58. package/esm/Options/Classes/Particles/Number/ParticlesNumber.js +3 -5
  59. package/esm/Options/Classes/Particles/Number/ParticlesNumberLimit.js +17 -0
  60. package/esm/Options/Classes/Particles/Opacity/Opacity.js +2 -3
  61. package/esm/Options/Classes/Particles/ParticlesOptions.js +3 -0
  62. package/esm/Options/Classes/Particles/Size/Size.js +2 -3
  63. package/esm/Options/Classes/ValueWithRandom.js +1 -10
  64. package/esm/Utils/CanvasUtils.js +29 -21
  65. package/esm/Utils/ColorUtils.js +24 -38
  66. package/esm/Utils/NumberUtils.js +7 -16
  67. package/esm/Utils/Utils.js +13 -7
  68. package/esm/export-types.js +4 -2
  69. package/esm/exports.js +2 -3
  70. package/package.json +1 -1
  71. package/report.html +4 -22
  72. package/tsparticles.engine.js +461 -347
  73. package/tsparticles.engine.min.js +1 -1
  74. package/tsparticles.engine.min.js.LICENSE.txt +1 -1
  75. package/types/Core/Canvas.d.ts +0 -1
  76. package/types/Core/Container.d.ts +9 -8
  77. package/types/Core/Engine.d.ts +9 -5
  78. package/types/Core/Interfaces/IContainerPlugin.d.ts +2 -3
  79. package/types/Core/Interfaces/IEffectDrawer.d.ts +10 -0
  80. package/types/Core/Interfaces/IExternalInteractor.d.ts +3 -4
  81. package/types/Core/Interfaces/IInteractor.d.ts +3 -3
  82. package/types/Core/Interfaces/IParticleRetinaProps.d.ts +0 -1
  83. package/types/Core/Interfaces/IParticlesInteractor.d.ts +3 -3
  84. package/types/Core/Interfaces/IShapeDrawData.d.ts +10 -0
  85. package/types/Core/Interfaces/IShapeDrawer.d.ts +11 -9
  86. package/types/Core/Particle.d.ts +7 -5
  87. package/types/Core/Particles.d.ts +10 -7
  88. package/types/Core/Retina.d.ts +0 -1
  89. package/types/Core/Utils/ExternalInteractorBase.d.ts +4 -4
  90. package/types/Core/Utils/InteractionManager.d.ts +1 -2
  91. package/types/Core/Utils/ParticlesInteractorBase.d.ts +5 -5
  92. package/types/Enums/Modes/LimitMode.d.ts +4 -0
  93. package/types/Enums/Types/EasingType.d.ts +3 -0
  94. package/types/Enums/Types/EventType.d.ts +1 -0
  95. package/types/Options/Classes/BackgroundMask/BackgroundMask.d.ts +1 -1
  96. package/types/Options/Classes/ColorAnimation.d.ts +2 -7
  97. package/types/Options/Classes/Interactivity/Events/ClickEvent.d.ts +1 -2
  98. package/types/Options/Classes/Interactivity/Events/DivEvent.d.ts +1 -2
  99. package/types/Options/Classes/Interactivity/Events/Events.d.ts +3 -3
  100. package/types/Options/Classes/Interactivity/Events/HoverEvent.d.ts +2 -3
  101. package/types/Options/Classes/Interactivity/Interactivity.d.ts +2 -2
  102. package/types/Options/Classes/Options.d.ts +6 -6
  103. package/types/Options/Classes/Particles/Bounce/ParticlesBounce.d.ts +2 -2
  104. package/types/Options/Classes/Particles/Collisions/Collisions.d.ts +3 -3
  105. package/types/Options/Classes/Particles/Effect/Effect.d.ts +13 -0
  106. package/types/Options/Classes/Particles/Move/Move.d.ts +8 -8
  107. package/types/Options/Classes/Particles/Move/MoveTrail.d.ts +1 -1
  108. package/types/Options/Classes/Particles/Number/ParticlesNumber.d.ts +3 -2
  109. package/types/Options/Classes/Particles/Number/ParticlesNumberLimit.d.ts +10 -0
  110. package/types/Options/Classes/Particles/Opacity/Opacity.d.ts +3 -3
  111. package/types/Options/Classes/Particles/ParticlesOptions.d.ts +12 -10
  112. package/types/Options/Classes/Particles/Size/Size.d.ts +3 -3
  113. package/types/Options/Classes/Theme/Theme.d.ts +1 -1
  114. package/types/Options/Classes/ValueWithRandom.d.ts +2 -4
  115. package/types/Options/Interfaces/IValueWithRandom.d.ts +0 -2
  116. package/types/Options/Interfaces/Interactivity/Events/IClickEvent.d.ts +1 -2
  117. package/types/Options/Interfaces/Interactivity/Events/IDivEvent.d.ts +1 -2
  118. package/types/Options/Interfaces/Interactivity/Events/IHoverEvent.d.ts +1 -2
  119. package/types/Options/Interfaces/Particles/Effect/IEffect.d.ts +8 -0
  120. package/types/Options/Interfaces/Particles/IParticlesOptions.d.ts +2 -0
  121. package/types/Options/Interfaces/Particles/Number/IParticlesNumber.d.ts +2 -1
  122. package/types/Options/Interfaces/Particles/Number/IParticlesNumberLimit.d.ts +5 -0
  123. package/types/Types/CustomEventArgs.d.ts +1 -1
  124. package/types/Utils/CanvasUtils.d.ts +12 -3
  125. package/types/Utils/ColorUtils.d.ts +2 -2
  126. package/types/Utils/NumberUtils.d.ts +0 -2
  127. package/types/Utils/Utils.d.ts +6 -6
  128. package/types/export-types.d.ts +5 -2
  129. package/types/exports.d.ts +2 -3
  130. package/umd/Core/Canvas.js +2 -2
  131. package/umd/Core/Container.js +40 -25
  132. package/umd/Core/Engine.js +25 -52
  133. package/umd/Core/Particle.js +87 -52
  134. package/umd/Core/Particles.js +51 -26
  135. package/umd/Core/Retina.js +0 -2
  136. package/umd/Core/Utils/QuadTree.js +1 -1
  137. package/umd/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
  138. package/umd/Options/Classes/ColorAnimation.js +5 -25
  139. package/umd/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
  140. package/umd/Options/Classes/Particles/Effect/Effect.js +46 -0
  141. package/umd/Options/Classes/Particles/Number/ParticlesNumber.js +4 -6
  142. package/umd/Options/Classes/{Random.js → Particles/Number/ParticlesNumberLimit.js} +9 -9
  143. package/umd/Options/Classes/Particles/Opacity/Opacity.js +1 -2
  144. package/umd/Options/Classes/Particles/ParticlesOptions.js +4 -1
  145. package/umd/Options/Classes/Particles/Size/Size.js +3 -4
  146. package/umd/Options/Classes/ValueWithRandom.js +2 -11
  147. package/umd/Utils/CanvasUtils.js +32 -24
  148. package/umd/Utils/ColorUtils.js +24 -38
  149. package/umd/Utils/NumberUtils.js +9 -19
  150. package/umd/Utils/Utils.js +14 -7
  151. package/umd/export-types.js +5 -3
  152. package/umd/exports.js +3 -4
  153. package/browser/Options/Classes/Random.js +0 -17
  154. package/cjs/Options/Classes/Random.js +0 -21
  155. package/cjs/Types/ShapeDrawerFunctions.js +0 -2
  156. package/esm/Options/Classes/Random.js +0 -17
  157. package/esm/Options/Interfaces/IRandom.js +0 -1
  158. package/esm/Types/ShapeDrawerFunctions.js +0 -1
  159. package/types/Core/Interfaces/IParticle.d.ts +0 -48
  160. package/types/Enums/Modes/ClickMode.d.ts +0 -9
  161. package/types/Enums/Modes/DivMode.d.ts +0 -5
  162. package/types/Enums/Modes/HoverMode.d.ts +0 -11
  163. package/types/Options/Classes/Random.d.ts +0 -9
  164. package/types/Options/Interfaces/IRandom.d.ts +0 -4
  165. package/types/Types/ShapeDrawerFunctions.d.ts +0 -10
  166. package/umd/Types/ShapeDrawerFunctions.js +0 -12
  167. /package/browser/Core/Interfaces/{IParticle.js → IEffectDrawer.js} +0 -0
  168. /package/browser/{Enums/Modes/ClickMode.js → Core/Interfaces/IShapeDrawData.js} +0 -0
  169. /package/browser/Enums/Modes/{DivMode.js → LimitMode.js} +0 -0
  170. /package/browser/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
  171. /package/browser/Options/Interfaces/{IRandom.js → Particles/Number/IParticlesNumberLimit.js} +0 -0
  172. /package/cjs/Core/Interfaces/{IParticle.js → IEffectDrawer.js} +0 -0
  173. /package/cjs/{Enums/Modes/ClickMode.js → Core/Interfaces/IShapeDrawData.js} +0 -0
  174. /package/cjs/Enums/Modes/{DivMode.js → LimitMode.js} +0 -0
  175. /package/cjs/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
  176. /package/cjs/Options/Interfaces/{IRandom.js → Particles/Number/IParticlesNumberLimit.js} +0 -0
  177. /package/{browser/Types/ShapeDrawerFunctions.js → esm/Core/Interfaces/IEffectDrawer.js} +0 -0
  178. /package/esm/Core/Interfaces/{IParticle.js → IShapeDrawData.js} +0 -0
  179. /package/esm/Enums/Modes/{ClickMode.js → LimitMode.js} +0 -0
  180. /package/esm/{Enums/Modes/DivMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
  181. /package/esm/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Number/IParticlesNumberLimit.js} +0 -0
  182. /package/umd/Core/Interfaces/{IParticle.js → IEffectDrawer.js} +0 -0
  183. /package/umd/{Enums/Modes/ClickMode.js → Core/Interfaces/IShapeDrawData.js} +0 -0
  184. /package/umd/Enums/Modes/{DivMode.js → LimitMode.js} +0 -0
  185. /package/umd/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
  186. /package/umd/Options/Interfaces/{IRandom.js → Particles/Number/IParticlesNumberLimit.js} +0 -0
@@ -4,7 +4,7 @@
4
4
  if (v !== undefined) module.exports = v;
5
5
  }
6
6
  else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "../../../Utils/Utils.js", "../AnimatableColor.js", "./Collisions/Collisions.js", "./Move/Move.js", "./Opacity/Opacity.js", "./Bounce/ParticlesBounce.js", "./Number/ParticlesNumber.js", "./Shadow.js", "./Shape/Shape.js", "./Size/Size.js", "./Stroke.js", "./ZIndex/ZIndex.js"], factory);
7
+ define(["require", "exports", "../../../Utils/Utils.js", "../AnimatableColor.js", "./Collisions/Collisions.js", "./Effect/Effect.js", "./Move/Move.js", "./Opacity/Opacity.js", "./Bounce/ParticlesBounce.js", "./Number/ParticlesNumber.js", "./Shadow.js", "./Shape/Shape.js", "./Size/Size.js", "./Stroke.js", "./ZIndex/ZIndex.js"], factory);
8
8
  }
9
9
  })(function (require, exports) {
10
10
  "use strict";
@@ -13,6 +13,7 @@
13
13
  const Utils_js_1 = require("../../../Utils/Utils.js");
14
14
  const AnimatableColor_js_1 = require("../AnimatableColor.js");
15
15
  const Collisions_js_1 = require("./Collisions/Collisions.js");
16
+ const Effect_js_1 = require("./Effect/Effect.js");
16
17
  const Move_js_1 = require("./Move/Move.js");
17
18
  const Opacity_js_1 = require("./Opacity/Opacity.js");
18
19
  const ParticlesBounce_js_1 = require("./Bounce/ParticlesBounce.js");
@@ -30,6 +31,7 @@
30
31
  this.collisions = new Collisions_js_1.Collisions();
31
32
  this.color = new AnimatableColor_js_1.AnimatableColor();
32
33
  this.color.value = "#fff";
34
+ this.effect = new Effect_js_1.Effect();
33
35
  this.groups = {};
34
36
  this.move = new Move_js_1.Move();
35
37
  this.number = new ParticlesNumber_js_1.ParticlesNumber();
@@ -47,6 +49,7 @@
47
49
  }
48
50
  this.bounce.load(data.bounce);
49
51
  this.color.load(AnimatableColor_js_1.AnimatableColor.create(this.color, data.color));
52
+ this.effect.load(data.effect);
50
53
  if (data.groups !== undefined) {
51
54
  for (const group in data.groups) {
52
55
  const item = data.groups[group];
@@ -4,19 +4,18 @@
4
4
  if (v !== undefined) module.exports = v;
5
5
  }
6
6
  else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "./SizeAnimation.js", "../../ValueWithRandom.js"], factory);
7
+ define(["require", "exports", "../../ValueWithRandom.js", "./SizeAnimation.js"], factory);
8
8
  }
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.Size = void 0;
13
- const SizeAnimation_js_1 = require("./SizeAnimation.js");
14
13
  const ValueWithRandom_js_1 = require("../../ValueWithRandom.js");
15
- class Size extends ValueWithRandom_js_1.ValueWithRandom {
14
+ const SizeAnimation_js_1 = require("./SizeAnimation.js");
15
+ class Size extends ValueWithRandom_js_1.RangedAnimationValueWithRandom {
16
16
  constructor() {
17
17
  super();
18
18
  this.animation = new SizeAnimation_js_1.SizeAnimation();
19
- this.random.minimumValue = 1;
20
19
  this.value = 3;
21
20
  }
22
21
  load(data) {
@@ -4,33 +4,24 @@
4
4
  if (v !== undefined) module.exports = v;
5
5
  }
6
6
  else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "./AnimationOptions.js", "./Random.js", "../../Utils/Utils.js", "../../Utils/NumberUtils.js"], factory);
7
+ define(["require", "exports", "./AnimationOptions.js", "../../Utils/NumberUtils.js"], factory);
8
8
  }
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
12
  exports.RangedAnimationValueWithRandom = exports.AnimationValueWithRandom = exports.ValueWithRandom = void 0;
13
13
  const AnimationOptions_js_1 = require("./AnimationOptions.js");
14
- const Random_js_1 = require("./Random.js");
15
- const Utils_js_1 = require("../../Utils/Utils.js");
16
14
  const NumberUtils_js_1 = require("../../Utils/NumberUtils.js");
17
15
  class ValueWithRandom {
18
16
  constructor() {
19
- this.random = new Random_js_1.Random();
20
17
  this.value = 0;
21
18
  }
22
19
  load(data) {
23
20
  if (!data) {
24
21
  return;
25
22
  }
26
- if ((0, Utils_js_1.isBoolean)(data.random)) {
27
- this.random.enable = data.random;
28
- }
29
- else {
30
- this.random.load(data.random);
31
- }
32
23
  if (data.value !== undefined) {
33
- this.value = (0, NumberUtils_js_1.setRangeValue)(data.value, this.random.enable ? this.random.minimumValue : undefined);
24
+ this.value = (0, NumberUtils_js_1.setRangeValue)(data.value);
34
25
  }
35
26
  }
36
27
  }
@@ -9,7 +9,7 @@
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterEffect = exports.drawShape = exports.drawParticle = exports.clear = exports.paintImage = exports.paintBase = exports.drawTriangle = exports.drawLine = void 0;
12
+ exports.alterHsl = exports.drawParticlePlugin = exports.drawPlugin = exports.drawShapeAfterDraw = exports.drawShape = exports.drawEffect = exports.drawParticle = exports.clear = exports.paintImage = exports.paintBase = exports.drawLine = void 0;
13
13
  const ColorUtils_js_1 = require("./ColorUtils.js");
14
14
  function drawLine(context, begin, end) {
15
15
  context.beginPath();
@@ -18,14 +18,6 @@
18
18
  context.closePath();
19
19
  }
20
20
  exports.drawLine = drawLine;
21
- function drawTriangle(context, p1, p2, p3) {
22
- context.beginPath();
23
- context.moveTo(p1.x, p1.y);
24
- context.lineTo(p2.x, p2.y);
25
- context.lineTo(p3.x, p3.y);
26
- context.closePath();
27
- }
28
- exports.drawTriangle = drawTriangle;
29
21
  function paintBase(context, dimension, baseColor) {
30
22
  context.fillStyle = baseColor ?? "rgba(0,0,0,0)";
31
23
  context.fillRect(0, 0, dimension.width, dimension.height);
@@ -56,7 +48,6 @@
56
48
  d: rotateData.cos * (transform.d ?? 1),
57
49
  };
58
50
  context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, pos.x, pos.y);
59
- context.beginPath();
60
51
  if (backgroundMask) {
61
52
  context.globalCompositeOperation = composite;
62
53
  }
@@ -75,43 +66,60 @@
75
66
  if (colorStyles.stroke) {
76
67
  context.strokeStyle = colorStyles.stroke;
77
68
  }
78
- drawShape(container, context, particle, radius, opacity, delta);
69
+ const drawData = { container, context, particle, radius, opacity, delta };
70
+ context.beginPath();
71
+ drawShape(drawData);
72
+ if (particle.shapeClose) {
73
+ context.closePath();
74
+ }
79
75
  if (strokeWidth > 0) {
80
76
  context.stroke();
81
77
  }
82
- if (particle.close) {
83
- context.closePath();
84
- }
85
- if (particle.fill) {
78
+ if (particle.shapeFill) {
86
79
  context.fill();
87
80
  }
88
- drawShapeAfterEffect(container, context, particle, radius, opacity, delta);
81
+ drawShapeAfterDraw(drawData);
82
+ drawEffect(drawData);
89
83
  context.globalCompositeOperation = "source-over";
90
84
  context.setTransform(1, 0, 0, 1, 0, 0);
91
85
  }
92
86
  exports.drawParticle = drawParticle;
93
- function drawShape(container, context, particle, radius, opacity, delta) {
87
+ function drawEffect(data) {
88
+ const { container, context, particle, radius, opacity, delta } = data;
89
+ if (!particle.effect) {
90
+ return;
91
+ }
92
+ const drawer = container.effectDrawers.get(particle.effect);
93
+ if (!drawer) {
94
+ return;
95
+ }
96
+ drawer.draw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
97
+ }
98
+ exports.drawEffect = drawEffect;
99
+ function drawShape(data) {
100
+ const { container, context, particle, radius, opacity, delta } = data;
94
101
  if (!particle.shape) {
95
102
  return;
96
103
  }
97
- const drawer = container.drawers.get(particle.shape);
104
+ const drawer = container.shapeDrawers.get(particle.shape);
98
105
  if (!drawer) {
99
106
  return;
100
107
  }
101
- drawer.draw(context, particle, radius, opacity, delta, container.retina.pixelRatio);
108
+ drawer.draw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
102
109
  }
103
110
  exports.drawShape = drawShape;
104
- function drawShapeAfterEffect(container, context, particle, radius, opacity, delta) {
111
+ function drawShapeAfterDraw(data) {
112
+ const { container, context, particle, radius, opacity, delta } = data;
105
113
  if (!particle.shape) {
106
114
  return;
107
115
  }
108
- const drawer = container.drawers.get(particle.shape);
109
- if (!drawer || !drawer.afterEffect) {
116
+ const drawer = container.shapeDrawers.get(particle.shape);
117
+ if (!drawer || !drawer.afterDraw) {
110
118
  return;
111
119
  }
112
- drawer.afterEffect(context, particle, radius, opacity, delta, container.retina.pixelRatio);
120
+ drawer.afterDraw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
113
121
  }
114
- exports.drawShapeAfterEffect = drawShapeAfterEffect;
122
+ exports.drawShapeAfterDraw = drawShapeAfterDraw;
115
123
  function drawPlugin(context, plugin, delta) {
116
124
  if (!plugin.draw) {
117
125
  return;
@@ -17,24 +17,6 @@
17
17
  colorManagers.set(manager.key, manager);
18
18
  }
19
19
  exports.addColorManager = addColorManager;
20
- function hue2rgb(p, q, t) {
21
- if (t < 0) {
22
- t += 1;
23
- }
24
- if (t > 1) {
25
- t -= 1;
26
- }
27
- if (t < 1 / 6) {
28
- return p + (q - p) * 6 * t;
29
- }
30
- if (t < 1 / 2) {
31
- return q;
32
- }
33
- if (t < 2 / 3) {
34
- return p + (q - p) * (2 / 3 - t) * 6;
35
- }
36
- return p;
37
- }
38
20
  function stringToRgba(input) {
39
21
  for (const [, manager] of colorManagers) {
40
22
  if (input.startsWith(manager.stringPrefix)) {
@@ -108,7 +90,7 @@
108
90
  function rgbToHsl(color) {
109
91
  const r1 = color.r / 255, g1 = color.g / 255, b1 = color.b / 255, max = Math.max(r1, g1, b1), min = Math.min(r1, g1, b1), res = {
110
92
  h: 0,
111
- l: (max + min) / 2,
93
+ l: (max + min) * 0.5,
112
94
  s: 0,
113
95
  };
114
96
  if (max !== min) {
@@ -139,26 +121,30 @@
139
121
  }
140
122
  exports.stringToRgb = stringToRgb;
141
123
  function hslToRgb(hsl) {
142
- const result = { b: 0, g: 0, r: 0 }, hslPercent = {
143
- h: hsl.h / 360,
144
- l: hsl.l / 100,
145
- s: hsl.s / 100,
146
- };
147
- if (!hslPercent.s) {
148
- result.r = result.g = result.b = hslPercent.l;
124
+ const h = ((hsl.h % 360) + 360) % 360, s = Math.max(0, Math.min(100, hsl.s)), l = Math.max(0, Math.min(100, hsl.l)), hNormalized = h / 360, sNormalized = s / 100, lNormalized = l / 100;
125
+ if (s === 0) {
126
+ const grayscaleValue = Math.round(lNormalized * 255);
127
+ return { r: grayscaleValue, g: grayscaleValue, b: grayscaleValue };
149
128
  }
150
- else {
151
- const q = hslPercent.l < 0.5
152
- ? hslPercent.l * (1 + hslPercent.s)
153
- : hslPercent.l + hslPercent.s - hslPercent.l * hslPercent.s, p = 2 * hslPercent.l - q;
154
- result.r = hue2rgb(p, q, hslPercent.h + 1 / 3);
155
- result.g = hue2rgb(p, q, hslPercent.h);
156
- result.b = hue2rgb(p, q, hslPercent.h - 1 / 3);
157
- }
158
- result.r = Math.floor(result.r * 255);
159
- result.g = Math.floor(result.g * 255);
160
- result.b = Math.floor(result.b * 255);
161
- return result;
129
+ const channel = (temp1, temp2, temp3) => {
130
+ if (temp3 < 0) {
131
+ temp3 += 1;
132
+ }
133
+ if (temp3 > 1) {
134
+ temp3 -= 1;
135
+ }
136
+ if (temp3 * 6 < 1) {
137
+ return temp1 + (temp2 - temp1) * 6 * temp3;
138
+ }
139
+ if (temp3 * 2 < 1) {
140
+ return temp2;
141
+ }
142
+ if (temp3 * 3 < 2) {
143
+ return temp1 + (temp2 - temp1) * (2 / 3 - temp3) * 6;
144
+ }
145
+ return temp1;
146
+ }, temp1 = lNormalized < 0.5 ? lNormalized * (1 + sNormalized) : lNormalized + sNormalized - lNormalized * sNormalized, temp2 = 2 * lNormalized - temp1, red = Math.min(255, 255 * channel(temp2, temp1, hNormalized + 1 / 3)), green = Math.min(255, 255 * channel(temp2, temp1, hNormalized)), blue = Math.min(255, 255 * channel(temp2, temp1, hNormalized - 1 / 3));
147
+ return { r: Math.round(red), g: Math.round(green), b: Math.round(blue) };
162
148
  }
163
149
  exports.hslToRgb = hslToRgb;
164
150
  function hslaToRgba(hsla) {
@@ -4,14 +4,14 @@
4
4
  if (v !== undefined) module.exports = v;
5
5
  }
6
6
  else if (typeof define === "function" && define.amd) {
7
- define(["require", "exports", "./Utils.js", "../Core/Utils/Vector.js"], factory);
7
+ define(["require", "exports", "../Core/Utils/Vector.js", "./Utils.js"], factory);
8
8
  }
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.parseAlpha = exports.calcExactPositionOrRandomFromSizeRanged = exports.calcExactPositionOrRandomFromSize = exports.calcPositionOrRandomFromSizeRanged = exports.calcPositionOrRandomFromSize = exports.calcPositionFromSize = exports.collisionVelocity = exports.getParticleBaseVelocity = exports.getParticleDirectionAngle = exports.getDistance = exports.getDistances = exports.getValue = exports.setRangeValue = exports.getRangeMax = exports.getRangeMin = exports.getRangeValue = exports.randomInRange = exports.mix = exports.clamp = exports.getRandom = exports.setRandom = exports.getEasing = exports.addEasing = void 0;
13
- const Utils_js_1 = require("./Utils.js");
12
+ exports.parseAlpha = exports.calcExactPositionOrRandomFromSizeRanged = exports.calcExactPositionOrRandomFromSize = exports.calcPositionOrRandomFromSizeRanged = exports.calcPositionOrRandomFromSize = exports.calcPositionFromSize = exports.collisionVelocity = exports.getParticleBaseVelocity = exports.getParticleDirectionAngle = exports.getDistance = exports.getDistances = exports.setRangeValue = exports.getRangeMax = exports.getRangeMin = exports.getRangeValue = exports.randomInRange = exports.mix = exports.clamp = exports.getRandom = exports.setRandom = exports.getEasing = exports.addEasing = void 0;
14
13
  const Vector_js_1 = require("../Core/Utils/Vector.js");
14
+ const Utils_js_1 = require("./Utils.js");
15
15
  let _random = Math.random;
16
16
  const easings = new Map();
17
17
  function addEasing(name, easing) {
@@ -75,16 +75,6 @@
75
75
  : setRangeValue(min, max);
76
76
  }
77
77
  exports.setRangeValue = setRangeValue;
78
- function getValue(options) {
79
- const random = options.random, { enable, minimumValue } = (0, Utils_js_1.isBoolean)(random)
80
- ? {
81
- enable: random,
82
- minimumValue: 0,
83
- }
84
- : random;
85
- return enable ? getRangeValue(setRangeValue(options.value, minimumValue)) : getRangeValue(options.value);
86
- }
87
- exports.getValue = getValue;
88
78
  function getDistances(pointA, pointB) {
89
79
  const dx = pointA.x - pointB.x, dy = pointA.y - pointB.y;
90
80
  return { dx: dx, dy: dy, distance: Math.sqrt(dx ** 2 + dy ** 2) };
@@ -100,21 +90,21 @@
100
90
  }
101
91
  switch (direction) {
102
92
  case "top":
103
- return -Math.PI / 2;
93
+ return -Math.PI * 0.5;
104
94
  case "top-right":
105
- return -Math.PI / 4;
95
+ return -Math.PI * 0.25;
106
96
  case "right":
107
97
  return 0;
108
98
  case "bottom-right":
109
- return Math.PI / 4;
99
+ return Math.PI * 0.25;
110
100
  case "bottom":
111
- return Math.PI / 2;
101
+ return Math.PI * 0.5;
112
102
  case "bottom-left":
113
- return (3 * Math.PI) / 4;
103
+ return Math.PI * 0.75;
114
104
  case "left":
115
105
  return Math.PI;
116
106
  case "top-left":
117
- return (-3 * Math.PI) / 4;
107
+ return -Math.PI * 0.75;
118
108
  case "inside":
119
109
  return Math.atan2(center.y - position.y, center.x - position.x);
120
110
  case "outside":
@@ -9,7 +9,7 @@
9
9
  })(function (require, exports) {
10
10
  "use strict";
11
11
  Object.defineProperty(exports, "__esModule", { value: true });
12
- exports.isArray = exports.isObject = exports.isFunction = exports.isNumber = exports.isString = exports.isBoolean = exports.getSize = exports.getPosition = exports.initParticleNumericAnimationValue = exports.findItemFromSingleOrMultiple = exports.itemFromSingleOrMultiple = exports.executeOnSingleOrMultiple = exports.rectBounce = exports.circleBounce = exports.circleBounceDataFromParticle = exports.divMode = exports.singleDivModeExecute = exports.divModeExecute = exports.isDivModeEnabled = exports.deepExtend = exports.calculateBounds = exports.areBoundsInside = exports.isPointInside = exports.itemFromArray = exports.arrayRandomIndex = exports.loadFont = exports.isInArray = exports.safeMutationObserver = exports.safeMatchMedia = exports.hasMatchMedia = exports.isSsr = exports.getLogger = exports.setLogger = void 0;
12
+ exports.isArray = exports.isObject = exports.isFunction = exports.isNumber = exports.isString = exports.isBoolean = exports.getSize = exports.getPosition = exports.initParticleNumericAnimationValue = exports.findItemFromSingleOrMultiple = exports.itemFromSingleOrMultiple = exports.executeOnSingleOrMultiple = exports.rectBounce = exports.circleBounce = exports.circleBounceDataFromParticle = exports.divMode = exports.singleDivModeExecute = exports.divModeExecute = exports.isDivModeEnabled = exports.deepExtend = exports.calculateBounds = exports.areBoundsInside = exports.isPointInside = exports.itemFromArray = exports.arrayRandomIndex = exports.loadFont = exports.isInArray = exports.safeMutationObserver = exports.safeIntersectionObserver = exports.safeMatchMedia = exports.hasMatchMedia = exports.isSsr = exports.getLogger = exports.setLogger = void 0;
13
13
  const NumberUtils_js_1 = require("./NumberUtils.js");
14
14
  const Vector_js_1 = require("../Core/Utils/Vector.js");
15
15
  const _logger = {
@@ -41,8 +41,8 @@
41
41
  pOtherSide.max > rectOtherSide.max) {
42
42
  return res;
43
43
  }
44
- if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) / 2 && velocity > 0) ||
45
- (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) / 2 && velocity < 0)) {
44
+ if ((pSide.max >= rectSide.min && pSide.max <= (rectSide.max + rectSide.min) * 0.5 && velocity > 0) ||
45
+ (pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min) * 0.5 && velocity < 0)) {
46
46
  res.velocity = velocity * -factor;
47
47
  res.bounced = true;
48
48
  }
@@ -69,6 +69,13 @@
69
69
  return matchMedia(query);
70
70
  }
71
71
  exports.safeMatchMedia = safeMatchMedia;
72
+ function safeIntersectionObserver(callback) {
73
+ if (isSsr() || typeof IntersectionObserver === "undefined") {
74
+ return;
75
+ }
76
+ return new IntersectionObserver(callback);
77
+ }
78
+ exports.safeIntersectionObserver = safeIntersectionObserver;
72
79
  function safeMutationObserver(callback) {
73
80
  if (isSsr() || typeof MutationObserver === "undefined") {
74
81
  return;
@@ -191,7 +198,7 @@
191
198
  radius: p.getRadius(),
192
199
  mass: p.getMass(),
193
200
  velocity: p.velocity,
194
- factor: Vector_js_1.Vector.create((0, NumberUtils_js_1.getValue)(p.options.bounce.horizontal), (0, NumberUtils_js_1.getValue)(p.options.bounce.vertical)),
201
+ factor: Vector_js_1.Vector.create((0, NumberUtils_js_1.getRangeValue)(p.options.bounce.horizontal.value), (0, NumberUtils_js_1.getRangeValue)(p.options.bounce.vertical.value)),
195
202
  };
196
203
  }
197
204
  exports.circleBounceDataFromParticle = circleBounceDataFromParticle;
@@ -208,7 +215,7 @@
208
215
  }
209
216
  exports.circleBounce = circleBounce;
210
217
  function rectBounce(particle, divBounds) {
211
- const pPos = particle.getPosition(), size = particle.getRadius(), bounds = calculateBounds(pPos, size), resH = rectSideBounce({
218
+ const pPos = particle.getPosition(), size = particle.getRadius(), bounds = calculateBounds(pPos, size), bounceOptions = particle.options.bounce, resH = rectSideBounce({
212
219
  pSide: {
213
220
  min: bounds.left,
214
221
  max: bounds.right,
@@ -226,7 +233,7 @@
226
233
  max: divBounds.bottom,
227
234
  },
228
235
  velocity: particle.velocity.x,
229
- factor: (0, NumberUtils_js_1.getValue)(particle.options.bounce.horizontal),
236
+ factor: (0, NumberUtils_js_1.getRangeValue)(bounceOptions.horizontal.value),
230
237
  });
231
238
  if (resH.bounced) {
232
239
  if (resH.velocity !== undefined) {
@@ -254,7 +261,7 @@
254
261
  max: divBounds.right,
255
262
  },
256
263
  velocity: particle.velocity.y,
257
- factor: (0, NumberUtils_js_1.getValue)(particle.options.bounce.vertical),
264
+ factor: (0, NumberUtils_js_1.getRangeValue)(bounceOptions.vertical.value),
258
265
  });
259
266
  if (resV.bounced) {
260
267
  if (resV.velocity !== undefined) {
@@ -18,7 +18,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
18
18
  if (v !== undefined) module.exports = v;
19
19
  }
20
20
  else if (typeof define === "function" && define.amd) {
21
- define(["require", "exports", "./Core/Interfaces/Colors.js", "./Core/Interfaces/IBounds.js", "./Core/Interfaces/IBubbleParticleData.js", "./Core/Interfaces/ICircleBouncer.js", "./Core/Interfaces/IColorManager.js", "./Core/Interfaces/IContainerInteractivity.js", "./Core/Interfaces/IContainerPlugin.js", "./Core/Interfaces/ICoordinates.js", "./Core/Interfaces/IDelta.js", "./Core/Interfaces/IDimension.js", "./Core/Interfaces/IDistance.js", "./Core/Interfaces/IDrawParticleParams.js", "./Core/Interfaces/IExternalInteractor.js", "./Core/Interfaces/IInteractor.js", "./Core/Interfaces/ILoadParams.js", "./Core/Interfaces/IMouseData.js", "./Core/Interfaces/IMovePathGenerator.js", "./Core/Interfaces/IParticle.js", "./Core/Interfaces/IParticleColorStyle.js", "./Core/Interfaces/IParticleHslAnimation.js", "./Core/Interfaces/IParticleLife.js", "./Core/Interfaces/IParticleMover.js", "./Core/Interfaces/IParticleRetinaProps.js", "./Core/Interfaces/IParticleRoll.js", "./Core/Interfaces/IParticleTransformValues.js", "./Core/Interfaces/IParticleUpdater.js", "./Core/Interfaces/IParticleValueAnimation.js", "./Core/Interfaces/IParticlesInteractor.js", "./Core/Interfaces/IPlugin.js", "./Core/Interfaces/IPositionFromSizeParams.js", "./Core/Interfaces/IRangeValue.js", "./Core/Interfaces/IRectSideResult.js", "./Core/Interfaces/IShapeDrawer.js", "./Core/Interfaces/IShapeValues.js", "./Core/Interfaces/ISlowParticleData.js", "./Core/Interfaces/ITrailFillData.js", "./Options/Interfaces/Background/IBackground.js", "./Options/Interfaces/BackgroundMask/IBackgroundMask.js", "./Options/Interfaces/BackgroundMask/IBackgroundMaskCover.js", "./Options/Interfaces/FullScreen/IFullScreen.js", "./Options/Interfaces/IAnimatable.js", "./Options/Interfaces/IAnimatableColor.js", "./Options/Interfaces/IAnimation.js", "./Options/Interfaces/IColorAnimation.js", "./Options/Interfaces/IHslAnimation.js", "./Options/Interfaces/IManualParticle.js", "./Options/Interfaces/IOptionLoader.js", "./Options/Interfaces/IOptions.js", "./Options/Interfaces/IOptionsColor.js", "./Options/Interfaces/IResponsive.js", "./Options/Interfaces/IValueWithRandom.js", "./Options/Interfaces/Interactivity/Events/IClickEvent.js", "./Options/Interfaces/Interactivity/Events/IDivEvent.js", "./Options/Interfaces/Interactivity/Events/IEvents.js", "./Options/Interfaces/Interactivity/Events/IHoverEvent.js", "./Options/Interfaces/Interactivity/Events/IParallax.js", "./Options/Interfaces/Interactivity/Events/IResizeEvent.js", "./Options/Interfaces/Interactivity/Modes/IModeDiv.js", "./Options/Interfaces/Interactivity/Modes/IModes.js", "./Options/Interfaces/Interactivity/IInteractivity.js", "./Options/Interfaces/Particles/Bounce/IParticlesBounce.js", "./Options/Interfaces/Particles/Collisions/ICollisions.js", "./Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js", "./Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js", "./Options/Interfaces/Particles/IParticlesOptions.js", "./Options/Interfaces/Particles/IShadow.js", "./Options/Interfaces/Particles/IStroke.js", "./Options/Interfaces/Particles/Move/IMoveAttract.js", "./Options/Interfaces/Particles/Move/IMove.js", "./Options/Interfaces/Particles/Move/IMoveAngle.js", "./Options/Interfaces/Particles/Move/IMoveCenter.js", "./Options/Interfaces/Particles/Move/IMoveGravity.js", "./Options/Interfaces/Particles/Move/Path/IMovePath.js", "./Options/Interfaces/Particles/Move/IOutModes.js", "./Options/Interfaces/Particles/Move/ISpin.js", "./Options/Interfaces/Particles/Move/IMoveTrail.js", "./Options/Interfaces/Particles/Number/IParticlesDensity.js", "./Options/Interfaces/Particles/Number/IParticlesNumber.js", "./Options/Interfaces/Particles/Opacity/IOpacity.js", "./Options/Interfaces/Particles/Opacity/IOpacityAnimation.js", "./Options/Interfaces/Particles/Shape/IShape.js", "./Options/Interfaces/Particles/Size/ISize.js", "./Options/Interfaces/Particles/Size/ISizeAnimation.js", "./Options/Interfaces/Particles/ZIndex/IZIndex.js", "./Options/Interfaces/Theme/ITheme.js", "./Options/Interfaces/Theme/IThemeDefault.js", "./Types/CustomEventArgs.js", "./Types/CustomEventListener.js", "./Types/ExportResult.js", "./Types/ISourceOptions.js", "./Types/ParticlesGroups.js", "./Types/PathOptions.js", "./Types/RangeValue.js", "./Types/RecursivePartial.js", "./Types/ShapeData.js", "./Types/ShapeDrawerFunctions.js", "./Types/SingleOrMultiple.js"], factory);
21
+ define(["require", "exports", "./Core/Interfaces/Colors.js", "./Core/Interfaces/IBounds.js", "./Core/Interfaces/IBubbleParticleData.js", "./Core/Interfaces/ICircleBouncer.js", "./Core/Interfaces/IColorManager.js", "./Core/Interfaces/IContainerInteractivity.js", "./Core/Interfaces/IContainerPlugin.js", "./Core/Interfaces/ICoordinates.js", "./Core/Interfaces/IDelta.js", "./Core/Interfaces/IDimension.js", "./Core/Interfaces/IDistance.js", "./Core/Interfaces/IDrawParticleParams.js", "./Core/Interfaces/IEffectDrawer.js", "./Core/Interfaces/IExternalInteractor.js", "./Core/Interfaces/IInteractor.js", "./Core/Interfaces/ILoadParams.js", "./Core/Interfaces/IMouseData.js", "./Core/Interfaces/IMovePathGenerator.js", "./Core/Interfaces/IParticleColorStyle.js", "./Core/Interfaces/IParticleHslAnimation.js", "./Core/Interfaces/IParticleLife.js", "./Core/Interfaces/IParticleMover.js", "./Core/Interfaces/IParticleRetinaProps.js", "./Core/Interfaces/IParticleRoll.js", "./Core/Interfaces/IParticleTransformValues.js", "./Core/Interfaces/IParticleUpdater.js", "./Core/Interfaces/IParticleValueAnimation.js", "./Core/Interfaces/IParticlesInteractor.js", "./Core/Interfaces/IPlugin.js", "./Core/Interfaces/IPositionFromSizeParams.js", "./Core/Interfaces/IRangeValue.js", "./Core/Interfaces/IRectSideResult.js", "./Core/Interfaces/IShapeDrawData.js", "./Core/Interfaces/IShapeDrawer.js", "./Core/Interfaces/IShapeValues.js", "./Core/Interfaces/ISlowParticleData.js", "./Core/Interfaces/ITrailFillData.js", "./Options/Interfaces/Background/IBackground.js", "./Options/Interfaces/BackgroundMask/IBackgroundMask.js", "./Options/Interfaces/BackgroundMask/IBackgroundMaskCover.js", "./Options/Interfaces/FullScreen/IFullScreen.js", "./Options/Interfaces/IAnimatable.js", "./Options/Interfaces/IAnimatableColor.js", "./Options/Interfaces/IAnimation.js", "./Options/Interfaces/IColorAnimation.js", "./Options/Interfaces/IHslAnimation.js", "./Options/Interfaces/IManualParticle.js", "./Options/Interfaces/IOptionLoader.js", "./Options/Interfaces/IOptions.js", "./Options/Interfaces/IOptionsColor.js", "./Options/Interfaces/IResponsive.js", "./Options/Interfaces/IValueWithRandom.js", "./Options/Interfaces/Interactivity/Events/IClickEvent.js", "./Options/Interfaces/Interactivity/Events/IDivEvent.js", "./Options/Interfaces/Interactivity/Events/IEvents.js", "./Options/Interfaces/Interactivity/Events/IHoverEvent.js", "./Options/Interfaces/Interactivity/Events/IParallax.js", "./Options/Interfaces/Interactivity/Events/IResizeEvent.js", "./Options/Interfaces/Interactivity/Modes/IModeDiv.js", "./Options/Interfaces/Interactivity/Modes/IModes.js", "./Options/Interfaces/Interactivity/IInteractivity.js", "./Options/Interfaces/Particles/Bounce/IParticlesBounce.js", "./Options/Interfaces/Particles/Collisions/ICollisions.js", "./Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js", "./Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js", "./Options/Interfaces/Particles/Effect/IEffect.js", "./Options/Interfaces/Particles/IParticlesOptions.js", "./Options/Interfaces/Particles/IShadow.js", "./Options/Interfaces/Particles/IStroke.js", "./Options/Interfaces/Particles/Move/IMoveAttract.js", "./Options/Interfaces/Particles/Move/IMove.js", "./Options/Interfaces/Particles/Move/IMoveAngle.js", "./Options/Interfaces/Particles/Move/IMoveCenter.js", "./Options/Interfaces/Particles/Move/IMoveGravity.js", "./Options/Interfaces/Particles/Move/Path/IMovePath.js", "./Options/Interfaces/Particles/Move/IOutModes.js", "./Options/Interfaces/Particles/Move/ISpin.js", "./Options/Interfaces/Particles/Move/IMoveTrail.js", "./Options/Interfaces/Particles/Number/IParticlesDensity.js", "./Options/Interfaces/Particles/Number/IParticlesNumber.js", "./Options/Interfaces/Particles/Number/IParticlesNumberLimit.js", "./Options/Interfaces/Particles/Opacity/IOpacity.js", "./Options/Interfaces/Particles/Opacity/IOpacityAnimation.js", "./Options/Interfaces/Particles/Shape/IShape.js", "./Options/Interfaces/Particles/Size/ISize.js", "./Options/Interfaces/Particles/Size/ISizeAnimation.js", "./Options/Interfaces/Particles/ZIndex/IZIndex.js", "./Options/Interfaces/Theme/ITheme.js", "./Options/Interfaces/Theme/IThemeDefault.js", "./Types/CustomEventArgs.js", "./Types/CustomEventListener.js", "./Types/ExportResult.js", "./Types/ISourceOptions.js", "./Types/ParticlesGroups.js", "./Types/PathOptions.js", "./Types/RangeValue.js", "./Types/RecursivePartial.js", "./Types/ShapeData.js", "./Types/SingleOrMultiple.js"], factory);
22
22
  }
23
23
  })(function (require, exports) {
24
24
  "use strict";
@@ -35,12 +35,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
35
35
  __exportStar(require("./Core/Interfaces/IDimension.js"), exports);
36
36
  __exportStar(require("./Core/Interfaces/IDistance.js"), exports);
37
37
  __exportStar(require("./Core/Interfaces/IDrawParticleParams.js"), exports);
38
+ __exportStar(require("./Core/Interfaces/IEffectDrawer.js"), exports);
38
39
  __exportStar(require("./Core/Interfaces/IExternalInteractor.js"), exports);
39
40
  __exportStar(require("./Core/Interfaces/IInteractor.js"), exports);
40
41
  __exportStar(require("./Core/Interfaces/ILoadParams.js"), exports);
41
42
  __exportStar(require("./Core/Interfaces/IMouseData.js"), exports);
42
43
  __exportStar(require("./Core/Interfaces/IMovePathGenerator.js"), exports);
43
- __exportStar(require("./Core/Interfaces/IParticle.js"), exports);
44
44
  __exportStar(require("./Core/Interfaces/IParticleColorStyle.js"), exports);
45
45
  __exportStar(require("./Core/Interfaces/IParticleHslAnimation.js"), exports);
46
46
  __exportStar(require("./Core/Interfaces/IParticleLife.js"), exports);
@@ -55,6 +55,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
55
55
  __exportStar(require("./Core/Interfaces/IPositionFromSizeParams.js"), exports);
56
56
  __exportStar(require("./Core/Interfaces/IRangeValue.js"), exports);
57
57
  __exportStar(require("./Core/Interfaces/IRectSideResult.js"), exports);
58
+ __exportStar(require("./Core/Interfaces/IShapeDrawData.js"), exports);
58
59
  __exportStar(require("./Core/Interfaces/IShapeDrawer.js"), exports);
59
60
  __exportStar(require("./Core/Interfaces/IShapeValues.js"), exports);
60
61
  __exportStar(require("./Core/Interfaces/ISlowParticleData.js"), exports);
@@ -87,6 +88,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
87
88
  __exportStar(require("./Options/Interfaces/Particles/Collisions/ICollisions.js"), exports);
88
89
  __exportStar(require("./Options/Interfaces/Particles/Collisions/ICollisionsAbsorb.js"), exports);
89
90
  __exportStar(require("./Options/Interfaces/Particles/Collisions/ICollisionsOverlap.js"), exports);
91
+ __exportStar(require("./Options/Interfaces/Particles/Effect/IEffect.js"), exports);
90
92
  __exportStar(require("./Options/Interfaces/Particles/IParticlesOptions.js"), exports);
91
93
  __exportStar(require("./Options/Interfaces/Particles/IShadow.js"), exports);
92
94
  __exportStar(require("./Options/Interfaces/Particles/IStroke.js"), exports);
@@ -101,6 +103,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
101
103
  __exportStar(require("./Options/Interfaces/Particles/Move/IMoveTrail.js"), exports);
102
104
  __exportStar(require("./Options/Interfaces/Particles/Number/IParticlesDensity.js"), exports);
103
105
  __exportStar(require("./Options/Interfaces/Particles/Number/IParticlesNumber.js"), exports);
106
+ __exportStar(require("./Options/Interfaces/Particles/Number/IParticlesNumberLimit.js"), exports);
104
107
  __exportStar(require("./Options/Interfaces/Particles/Opacity/IOpacity.js"), exports);
105
108
  __exportStar(require("./Options/Interfaces/Particles/Opacity/IOpacityAnimation.js"), exports);
106
109
  __exportStar(require("./Options/Interfaces/Particles/Shape/IShape.js"), exports);
@@ -118,6 +121,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
118
121
  __exportStar(require("./Types/RangeValue.js"), exports);
119
122
  __exportStar(require("./Types/RecursivePartial.js"), exports);
120
123
  __exportStar(require("./Types/ShapeData.js"), exports);
121
- __exportStar(require("./Types/ShapeDrawerFunctions.js"), exports);
122
124
  __exportStar(require("./Types/SingleOrMultiple.js"), exports);
123
125
  });
package/umd/exports.js CHANGED
@@ -18,7 +18,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
18
18
  if (v !== undefined) module.exports = v;
19
19
  }
20
20
  else if (typeof define === "function" && define.amd) {
21
- define(["require", "exports", "./Core/Utils/Circle.js", "./Core/Utils/Constants.js", "./Core/Utils/ExternalInteractorBase.js", "./Core/Utils/ParticlesInteractorBase.js", "./Core/Utils/Point.js", "./Core/Utils/Range.js", "./Core/Utils/Rectangle.js", "./Core/Utils/Vector.js", "./Core/Utils/Vector3d.js", "./Enums/Directions/MoveDirection.js", "./Enums/Directions/RotateDirection.js", "./Enums/Directions/OutModeDirection.js", "./Enums/Modes/AnimationMode.js", "./Enums/Modes/ClickMode.js", "./Enums/Modes/DivMode.js", "./Enums/Modes/HoverMode.js", "./Enums/Modes/CollisionMode.js", "./Enums/Modes/OutMode.js", "./Enums/Modes/PixelMode.js", "./Enums/Modes/ThemeMode.js", "./Enums/Modes/ResponsiveMode.js", "./Enums/Types/AlterType.js", "./Enums/Types/DestroyType.js", "./Enums/Types/GradientType.js", "./Enums/Types/InteractorType.js", "./Enums/Types/ParticleOutType.js", "./Enums/Types/StartValueType.js", "./Enums/Types/DivType.js", "./Enums/Types/EasingType.js", "./Enums/Types/EventType.js", "./Enums/AnimationStatus.js", "./Enums/InteractivityDetect.js", "./Options/Classes/AnimatableColor.js", "./Options/Classes/AnimationOptions.js", "./Options/Classes/Background/Background.js", "./Options/Classes/BackgroundMask/BackgroundMask.js", "./Options/Classes/BackgroundMask/BackgroundMaskCover.js", "./Options/Classes/ColorAnimation.js", "./Options/Classes/FullScreen/FullScreen.js", "./Options/Classes/HslAnimation.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/Events.js", "./Options/Classes/Interactivity/Events/HoverEvent.js", "./Options/Classes/Interactivity/Events/Parallax.js", "./Options/Classes/Interactivity/Events/ResizeEvent.js", "./Options/Classes/Interactivity/Interactivity.js", "./Options/Classes/Interactivity/Modes/Modes.js", "./Options/Classes/ManualParticle.js", "./Options/Classes/Options.js", "./Options/Classes/OptionsColor.js", "./Options/Classes/Particles/Bounce/ParticlesBounce.js", "./Options/Classes/Particles/Bounce/ParticlesBounceFactor.js", "./Options/Classes/Particles/Collisions/Collisions.js", "./Options/Classes/Particles/Collisions/CollisionsAbsorb.js", "./Options/Classes/Particles/Collisions/CollisionsOverlap.js", "./Options/Classes/Particles/ParticlesOptions.js", "./Options/Classes/Particles/Shadow.js", "./Options/Classes/Particles/Stroke.js", "./Options/Classes/Particles/Move/MoveAttract.js", "./Options/Classes/Particles/Move/Move.js", "./Options/Classes/Particles/Move/MoveAngle.js", "./Options/Classes/Particles/Move/MoveCenter.js", "./Options/Classes/Particles/Move/MoveGravity.js", "./Options/Classes/Particles/Move/OutModes.js", "./Options/Classes/Particles/Move/Path/MovePath.js", "./Options/Classes/Particles/Move/Spin.js", "./Options/Classes/Particles/Move/MoveTrail.js", "./Options/Classes/Particles/Number/ParticlesNumber.js", "./Options/Classes/Particles/Number/ParticlesDensity.js", "./Options/Classes/Particles/Opacity/Opacity.js", "./Options/Classes/Particles/Opacity/OpacityAnimation.js", "./Options/Classes/Particles/Shape/Shape.js", "./Options/Classes/Particles/Size/Size.js", "./Options/Classes/Particles/Size/SizeAnimation.js", "./Options/Classes/Particles/ZIndex/ZIndex.js", "./Options/Classes/Responsive.js", "./Options/Classes/Theme/Theme.js", "./Options/Classes/Theme/ThemeDefault.js", "./Options/Classes/ValueWithRandom.js", "./Utils/CanvasUtils.js", "./Utils/ColorUtils.js", "./Utils/HslColorManager.js", "./Utils/NumberUtils.js", "./Utils/OptionsUtils.js", "./Utils/RgbColorManager.js", "./Utils/Utils.js"], factory);
21
+ define(["require", "exports", "./Core/Utils/Circle.js", "./Core/Utils/Constants.js", "./Core/Utils/ExternalInteractorBase.js", "./Core/Utils/ParticlesInteractorBase.js", "./Core/Utils/Point.js", "./Core/Utils/Range.js", "./Core/Utils/Rectangle.js", "./Core/Utils/Vector.js", "./Core/Utils/Vector3d.js", "./Enums/Directions/MoveDirection.js", "./Enums/Directions/RotateDirection.js", "./Enums/Directions/OutModeDirection.js", "./Enums/Modes/AnimationMode.js", "./Enums/Modes/CollisionMode.js", "./Enums/Modes/LimitMode.js", "./Enums/Modes/OutMode.js", "./Enums/Modes/PixelMode.js", "./Enums/Modes/ThemeMode.js", "./Enums/Modes/ResponsiveMode.js", "./Enums/Types/AlterType.js", "./Enums/Types/DestroyType.js", "./Enums/Types/GradientType.js", "./Enums/Types/InteractorType.js", "./Enums/Types/ParticleOutType.js", "./Enums/Types/StartValueType.js", "./Enums/Types/DivType.js", "./Enums/Types/EasingType.js", "./Enums/Types/EventType.js", "./Enums/AnimationStatus.js", "./Enums/InteractivityDetect.js", "./Options/Classes/AnimatableColor.js", "./Options/Classes/AnimationOptions.js", "./Options/Classes/Background/Background.js", "./Options/Classes/BackgroundMask/BackgroundMask.js", "./Options/Classes/BackgroundMask/BackgroundMaskCover.js", "./Options/Classes/ColorAnimation.js", "./Options/Classes/FullScreen/FullScreen.js", "./Options/Classes/HslAnimation.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/ClickEvent.js", "./Options/Classes/Interactivity/Events/DivEvent.js", "./Options/Classes/Interactivity/Events/Events.js", "./Options/Classes/Interactivity/Events/HoverEvent.js", "./Options/Classes/Interactivity/Events/Parallax.js", "./Options/Classes/Interactivity/Events/ResizeEvent.js", "./Options/Classes/Interactivity/Interactivity.js", "./Options/Classes/Interactivity/Modes/Modes.js", "./Options/Classes/ManualParticle.js", "./Options/Classes/Options.js", "./Options/Classes/OptionsColor.js", "./Options/Classes/Particles/Bounce/ParticlesBounce.js", "./Options/Classes/Particles/Bounce/ParticlesBounceFactor.js", "./Options/Classes/Particles/Collisions/Collisions.js", "./Options/Classes/Particles/Collisions/CollisionsAbsorb.js", "./Options/Classes/Particles/Collisions/CollisionsOverlap.js", "./Options/Classes/Particles/ParticlesOptions.js", "./Options/Classes/Particles/Shadow.js", "./Options/Classes/Particles/Stroke.js", "./Options/Classes/Particles/Move/MoveAttract.js", "./Options/Classes/Particles/Move/Move.js", "./Options/Classes/Particles/Move/MoveAngle.js", "./Options/Classes/Particles/Move/MoveCenter.js", "./Options/Classes/Particles/Move/MoveGravity.js", "./Options/Classes/Particles/Move/OutModes.js", "./Options/Classes/Particles/Move/Path/MovePath.js", "./Options/Classes/Particles/Move/Spin.js", "./Options/Classes/Particles/Move/MoveTrail.js", "./Options/Classes/Particles/Number/ParticlesNumber.js", "./Options/Classes/Particles/Number/ParticlesNumberLimit.js", "./Options/Classes/Particles/Number/ParticlesDensity.js", "./Options/Classes/Particles/Opacity/Opacity.js", "./Options/Classes/Particles/Opacity/OpacityAnimation.js", "./Options/Classes/Particles/Shape/Shape.js", "./Options/Classes/Particles/Size/Size.js", "./Options/Classes/Particles/Size/SizeAnimation.js", "./Options/Classes/Particles/ZIndex/ZIndex.js", "./Options/Classes/Responsive.js", "./Options/Classes/Theme/Theme.js", "./Options/Classes/Theme/ThemeDefault.js", "./Options/Classes/ValueWithRandom.js", "./Utils/CanvasUtils.js", "./Utils/ColorUtils.js", "./Utils/HslColorManager.js", "./Utils/NumberUtils.js", "./Utils/OptionsUtils.js", "./Utils/RgbColorManager.js", "./Utils/Utils.js"], factory);
22
22
  }
23
23
  })(function (require, exports) {
24
24
  "use strict";
@@ -36,10 +36,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
36
36
  __exportStar(require("./Enums/Directions/RotateDirection.js"), exports);
37
37
  __exportStar(require("./Enums/Directions/OutModeDirection.js"), exports);
38
38
  __exportStar(require("./Enums/Modes/AnimationMode.js"), exports);
39
- __exportStar(require("./Enums/Modes/ClickMode.js"), exports);
40
- __exportStar(require("./Enums/Modes/DivMode.js"), exports);
41
- __exportStar(require("./Enums/Modes/HoverMode.js"), exports);
42
39
  __exportStar(require("./Enums/Modes/CollisionMode.js"), exports);
40
+ __exportStar(require("./Enums/Modes/LimitMode.js"), exports);
43
41
  __exportStar(require("./Enums/Modes/OutMode.js"), exports);
44
42
  __exportStar(require("./Enums/Modes/PixelMode.js"), exports);
45
43
  __exportStar(require("./Enums/Modes/ThemeMode.js"), exports);
@@ -94,6 +92,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
94
92
  __exportStar(require("./Options/Classes/Particles/Move/Spin.js"), exports);
95
93
  __exportStar(require("./Options/Classes/Particles/Move/MoveTrail.js"), exports);
96
94
  __exportStar(require("./Options/Classes/Particles/Number/ParticlesNumber.js"), exports);
95
+ __exportStar(require("./Options/Classes/Particles/Number/ParticlesNumberLimit.js"), exports);
97
96
  __exportStar(require("./Options/Classes/Particles/Number/ParticlesDensity.js"), exports);
98
97
  __exportStar(require("./Options/Classes/Particles/Opacity/Opacity.js"), exports);
99
98
  __exportStar(require("./Options/Classes/Particles/Opacity/OpacityAnimation.js"), exports);
@@ -1,17 +0,0 @@
1
- export class Random {
2
- constructor() {
3
- this.enable = false;
4
- this.minimumValue = 0;
5
- }
6
- load(data) {
7
- if (!data) {
8
- return;
9
- }
10
- if (data.enable !== undefined) {
11
- this.enable = data.enable;
12
- }
13
- if (data.minimumValue !== undefined) {
14
- this.minimumValue = data.minimumValue;
15
- }
16
- }
17
- }
@@ -1,21 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Random = void 0;
4
- class Random {
5
- constructor() {
6
- this.enable = false;
7
- this.minimumValue = 0;
8
- }
9
- load(data) {
10
- if (!data) {
11
- return;
12
- }
13
- if (data.enable !== undefined) {
14
- this.enable = data.enable;
15
- }
16
- if (data.minimumValue !== undefined) {
17
- this.minimumValue = data.minimumValue;
18
- }
19
- }
20
- }
21
- exports.Random = Random;
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,17 +0,0 @@
1
- export class Random {
2
- constructor() {
3
- this.enable = false;
4
- this.minimumValue = 0;
5
- }
6
- load(data) {
7
- if (!data) {
8
- return;
9
- }
10
- if (data.enable !== undefined) {
11
- this.enable = data.enable;
12
- }
13
- if (data.minimumValue !== undefined) {
14
- this.minimumValue = data.minimumValue;
15
- }
16
- }
17
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};