@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.
- package/browser/Core/Canvas.js +2 -2
- package/browser/Core/Container.js +39 -24
- package/browser/Core/Engine.js +26 -53
- package/browser/Core/Particle.js +88 -53
- package/browser/Core/Particles.js +51 -26
- package/browser/Core/Retina.js +0 -2
- package/browser/Core/Utils/QuadTree.js +1 -1
- package/browser/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
- package/browser/Options/Classes/ColorAnimation.js +4 -24
- package/browser/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
- package/browser/Options/Classes/Particles/Effect/Effect.js +32 -0
- package/browser/Options/Classes/Particles/Number/ParticlesNumber.js +3 -5
- package/browser/Options/Classes/Particles/Number/ParticlesNumberLimit.js +17 -0
- package/browser/Options/Classes/Particles/Opacity/Opacity.js +2 -3
- package/browser/Options/Classes/Particles/ParticlesOptions.js +3 -0
- package/browser/Options/Classes/Particles/Size/Size.js +2 -3
- package/browser/Options/Classes/ValueWithRandom.js +1 -10
- package/browser/Utils/CanvasUtils.js +29 -21
- package/browser/Utils/ColorUtils.js +24 -38
- package/browser/Utils/NumberUtils.js +7 -16
- package/browser/Utils/Utils.js +13 -7
- package/browser/export-types.js +4 -2
- package/browser/exports.js +2 -3
- package/cjs/Core/Canvas.js +2 -2
- package/cjs/Core/Container.js +39 -24
- package/cjs/Core/Engine.js +25 -52
- package/cjs/Core/Particle.js +87 -52
- package/cjs/Core/Particles.js +51 -26
- package/cjs/Core/Retina.js +0 -2
- package/cjs/Core/Utils/QuadTree.js +1 -1
- package/cjs/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
- package/cjs/Options/Classes/ColorAnimation.js +4 -24
- package/cjs/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
- package/cjs/Options/Classes/Particles/Effect/Effect.js +36 -0
- package/cjs/Options/Classes/Particles/Number/ParticlesNumber.js +3 -5
- package/cjs/Options/Classes/Particles/Number/ParticlesNumberLimit.js +21 -0
- package/cjs/Options/Classes/Particles/Opacity/Opacity.js +1 -2
- package/cjs/Options/Classes/Particles/ParticlesOptions.js +3 -0
- package/cjs/Options/Classes/Particles/Size/Size.js +2 -3
- package/cjs/Options/Classes/ValueWithRandom.js +1 -10
- package/cjs/Utils/CanvasUtils.js +32 -24
- package/cjs/Utils/ColorUtils.js +24 -38
- package/cjs/Utils/NumberUtils.js +8 -18
- package/cjs/Utils/Utils.js +14 -7
- package/cjs/export-types.js +4 -2
- package/cjs/exports.js +2 -3
- package/esm/Core/Canvas.js +2 -2
- package/esm/Core/Container.js +39 -24
- package/esm/Core/Engine.js +26 -53
- package/esm/Core/Particle.js +88 -53
- package/esm/Core/Particles.js +51 -26
- package/esm/Core/Retina.js +0 -2
- package/esm/Core/Utils/QuadTree.js +1 -1
- package/esm/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
- package/esm/Options/Classes/ColorAnimation.js +4 -24
- package/esm/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
- package/esm/Options/Classes/Particles/Effect/Effect.js +32 -0
- package/esm/Options/Classes/Particles/Number/ParticlesNumber.js +3 -5
- package/esm/Options/Classes/Particles/Number/ParticlesNumberLimit.js +17 -0
- package/esm/Options/Classes/Particles/Opacity/Opacity.js +2 -3
- package/esm/Options/Classes/Particles/ParticlesOptions.js +3 -0
- package/esm/Options/Classes/Particles/Size/Size.js +2 -3
- package/esm/Options/Classes/ValueWithRandom.js +1 -10
- package/esm/Utils/CanvasUtils.js +29 -21
- package/esm/Utils/ColorUtils.js +24 -38
- package/esm/Utils/NumberUtils.js +7 -16
- package/esm/Utils/Utils.js +13 -7
- package/esm/export-types.js +4 -2
- package/esm/exports.js +2 -3
- package/package.json +1 -1
- package/report.html +4 -22
- package/tsparticles.engine.js +461 -347
- package/tsparticles.engine.min.js +1 -1
- package/tsparticles.engine.min.js.LICENSE.txt +1 -1
- package/types/Core/Canvas.d.ts +0 -1
- package/types/Core/Container.d.ts +9 -8
- package/types/Core/Engine.d.ts +9 -5
- package/types/Core/Interfaces/IContainerPlugin.d.ts +2 -3
- package/types/Core/Interfaces/IEffectDrawer.d.ts +10 -0
- package/types/Core/Interfaces/IExternalInteractor.d.ts +3 -4
- package/types/Core/Interfaces/IInteractor.d.ts +3 -3
- package/types/Core/Interfaces/IParticleRetinaProps.d.ts +0 -1
- package/types/Core/Interfaces/IParticlesInteractor.d.ts +3 -3
- package/types/Core/Interfaces/IShapeDrawData.d.ts +10 -0
- package/types/Core/Interfaces/IShapeDrawer.d.ts +11 -9
- package/types/Core/Particle.d.ts +7 -5
- package/types/Core/Particles.d.ts +10 -7
- package/types/Core/Retina.d.ts +0 -1
- package/types/Core/Utils/ExternalInteractorBase.d.ts +4 -4
- package/types/Core/Utils/InteractionManager.d.ts +1 -2
- package/types/Core/Utils/ParticlesInteractorBase.d.ts +5 -5
- package/types/Enums/Modes/LimitMode.d.ts +4 -0
- package/types/Enums/Types/EasingType.d.ts +3 -0
- package/types/Enums/Types/EventType.d.ts +1 -0
- package/types/Options/Classes/BackgroundMask/BackgroundMask.d.ts +1 -1
- package/types/Options/Classes/ColorAnimation.d.ts +2 -7
- package/types/Options/Classes/Interactivity/Events/ClickEvent.d.ts +1 -2
- package/types/Options/Classes/Interactivity/Events/DivEvent.d.ts +1 -2
- package/types/Options/Classes/Interactivity/Events/Events.d.ts +3 -3
- package/types/Options/Classes/Interactivity/Events/HoverEvent.d.ts +2 -3
- package/types/Options/Classes/Interactivity/Interactivity.d.ts +2 -2
- package/types/Options/Classes/Options.d.ts +6 -6
- package/types/Options/Classes/Particles/Bounce/ParticlesBounce.d.ts +2 -2
- package/types/Options/Classes/Particles/Collisions/Collisions.d.ts +3 -3
- package/types/Options/Classes/Particles/Effect/Effect.d.ts +13 -0
- package/types/Options/Classes/Particles/Move/Move.d.ts +8 -8
- package/types/Options/Classes/Particles/Move/MoveTrail.d.ts +1 -1
- package/types/Options/Classes/Particles/Number/ParticlesNumber.d.ts +3 -2
- package/types/Options/Classes/Particles/Number/ParticlesNumberLimit.d.ts +10 -0
- package/types/Options/Classes/Particles/Opacity/Opacity.d.ts +3 -3
- package/types/Options/Classes/Particles/ParticlesOptions.d.ts +12 -10
- package/types/Options/Classes/Particles/Size/Size.d.ts +3 -3
- package/types/Options/Classes/Theme/Theme.d.ts +1 -1
- package/types/Options/Classes/ValueWithRandom.d.ts +2 -4
- package/types/Options/Interfaces/IValueWithRandom.d.ts +0 -2
- package/types/Options/Interfaces/Interactivity/Events/IClickEvent.d.ts +1 -2
- package/types/Options/Interfaces/Interactivity/Events/IDivEvent.d.ts +1 -2
- package/types/Options/Interfaces/Interactivity/Events/IHoverEvent.d.ts +1 -2
- package/types/Options/Interfaces/Particles/Effect/IEffect.d.ts +8 -0
- package/types/Options/Interfaces/Particles/IParticlesOptions.d.ts +2 -0
- package/types/Options/Interfaces/Particles/Number/IParticlesNumber.d.ts +2 -1
- package/types/Options/Interfaces/Particles/Number/IParticlesNumberLimit.d.ts +5 -0
- package/types/Types/CustomEventArgs.d.ts +1 -1
- package/types/Utils/CanvasUtils.d.ts +12 -3
- package/types/Utils/ColorUtils.d.ts +2 -2
- package/types/Utils/NumberUtils.d.ts +0 -2
- package/types/Utils/Utils.d.ts +6 -6
- package/types/export-types.d.ts +5 -2
- package/types/exports.d.ts +2 -3
- package/umd/Core/Canvas.js +2 -2
- package/umd/Core/Container.js +40 -25
- package/umd/Core/Engine.js +25 -52
- package/umd/Core/Particle.js +87 -52
- package/umd/Core/Particles.js +51 -26
- package/umd/Core/Retina.js +0 -2
- package/umd/Core/Utils/QuadTree.js +1 -1
- package/umd/Options/Classes/BackgroundMask/BackgroundMask.js +1 -2
- package/umd/Options/Classes/ColorAnimation.js +5 -25
- package/umd/Options/Classes/Particles/Bounce/ParticlesBounceFactor.js +0 -1
- package/umd/Options/Classes/Particles/Effect/Effect.js +46 -0
- package/umd/Options/Classes/Particles/Number/ParticlesNumber.js +4 -6
- package/umd/Options/Classes/{Random.js → Particles/Number/ParticlesNumberLimit.js} +9 -9
- package/umd/Options/Classes/Particles/Opacity/Opacity.js +1 -2
- package/umd/Options/Classes/Particles/ParticlesOptions.js +4 -1
- package/umd/Options/Classes/Particles/Size/Size.js +3 -4
- package/umd/Options/Classes/ValueWithRandom.js +2 -11
- package/umd/Utils/CanvasUtils.js +32 -24
- package/umd/Utils/ColorUtils.js +24 -38
- package/umd/Utils/NumberUtils.js +9 -19
- package/umd/Utils/Utils.js +14 -7
- package/umd/export-types.js +5 -3
- package/umd/exports.js +3 -4
- package/browser/Options/Classes/Random.js +0 -17
- package/cjs/Options/Classes/Random.js +0 -21
- package/cjs/Types/ShapeDrawerFunctions.js +0 -2
- package/esm/Options/Classes/Random.js +0 -17
- package/esm/Options/Interfaces/IRandom.js +0 -1
- package/esm/Types/ShapeDrawerFunctions.js +0 -1
- package/types/Core/Interfaces/IParticle.d.ts +0 -48
- package/types/Enums/Modes/ClickMode.d.ts +0 -9
- package/types/Enums/Modes/DivMode.d.ts +0 -5
- package/types/Enums/Modes/HoverMode.d.ts +0 -11
- package/types/Options/Classes/Random.d.ts +0 -9
- package/types/Options/Interfaces/IRandom.d.ts +0 -4
- package/types/Types/ShapeDrawerFunctions.d.ts +0 -10
- package/umd/Types/ShapeDrawerFunctions.js +0 -12
- /package/browser/Core/Interfaces/{IParticle.js → IEffectDrawer.js} +0 -0
- /package/browser/{Enums/Modes/ClickMode.js → Core/Interfaces/IShapeDrawData.js} +0 -0
- /package/browser/Enums/Modes/{DivMode.js → LimitMode.js} +0 -0
- /package/browser/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
- /package/browser/Options/Interfaces/{IRandom.js → Particles/Number/IParticlesNumberLimit.js} +0 -0
- /package/cjs/Core/Interfaces/{IParticle.js → IEffectDrawer.js} +0 -0
- /package/cjs/{Enums/Modes/ClickMode.js → Core/Interfaces/IShapeDrawData.js} +0 -0
- /package/cjs/Enums/Modes/{DivMode.js → LimitMode.js} +0 -0
- /package/cjs/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
- /package/cjs/Options/Interfaces/{IRandom.js → Particles/Number/IParticlesNumberLimit.js} +0 -0
- /package/{browser/Types/ShapeDrawerFunctions.js → esm/Core/Interfaces/IEffectDrawer.js} +0 -0
- /package/esm/Core/Interfaces/{IParticle.js → IShapeDrawData.js} +0 -0
- /package/esm/Enums/Modes/{ClickMode.js → LimitMode.js} +0 -0
- /package/esm/{Enums/Modes/DivMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
- /package/esm/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Number/IParticlesNumberLimit.js} +0 -0
- /package/umd/Core/Interfaces/{IParticle.js → IEffectDrawer.js} +0 -0
- /package/umd/{Enums/Modes/ClickMode.js → Core/Interfaces/IShapeDrawData.js} +0 -0
- /package/umd/Enums/Modes/{DivMode.js → LimitMode.js} +0 -0
- /package/umd/{Enums/Modes/HoverMode.js → Options/Interfaces/Particles/Effect/IEffect.js} +0 -0
- /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", "
|
|
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
|
-
|
|
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", "
|
|
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
|
|
24
|
+
this.value = (0, NumberUtils_js_1.setRangeValue)(data.value);
|
|
34
25
|
}
|
|
35
26
|
}
|
|
36
27
|
}
|
package/umd/Utils/CanvasUtils.js
CHANGED
|
@@ -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.
|
|
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
|
-
|
|
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.
|
|
83
|
-
context.closePath();
|
|
84
|
-
}
|
|
85
|
-
if (particle.fill) {
|
|
78
|
+
if (particle.shapeFill) {
|
|
86
79
|
context.fill();
|
|
87
80
|
}
|
|
88
|
-
|
|
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
|
|
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.
|
|
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
|
|
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.
|
|
109
|
-
if (!drawer || !drawer.
|
|
116
|
+
const drawer = container.shapeDrawers.get(particle.shape);
|
|
117
|
+
if (!drawer || !drawer.afterDraw) {
|
|
110
118
|
return;
|
|
111
119
|
}
|
|
112
|
-
drawer.
|
|
120
|
+
drawer.afterDraw({ context, particle, radius, opacity, delta, pixelRatio: container.retina.pixelRatio });
|
|
113
121
|
}
|
|
114
|
-
exports.
|
|
122
|
+
exports.drawShapeAfterDraw = drawShapeAfterDraw;
|
|
115
123
|
function drawPlugin(context, plugin, delta) {
|
|
116
124
|
if (!plugin.draw) {
|
|
117
125
|
return;
|
package/umd/Utils/ColorUtils.js
CHANGED
|
@@ -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)
|
|
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
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
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
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
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) {
|
package/umd/Utils/NumberUtils.js
CHANGED
|
@@ -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", "
|
|
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.
|
|
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
|
|
93
|
+
return -Math.PI * 0.5;
|
|
104
94
|
case "top-right":
|
|
105
|
-
return -Math.PI
|
|
95
|
+
return -Math.PI * 0.25;
|
|
106
96
|
case "right":
|
|
107
97
|
return 0;
|
|
108
98
|
case "bottom-right":
|
|
109
|
-
return Math.PI
|
|
99
|
+
return Math.PI * 0.25;
|
|
110
100
|
case "bottom":
|
|
111
|
-
return Math.PI
|
|
101
|
+
return Math.PI * 0.5;
|
|
112
102
|
case "bottom-left":
|
|
113
|
-
return
|
|
103
|
+
return Math.PI * 0.75;
|
|
114
104
|
case "left":
|
|
115
105
|
return Math.PI;
|
|
116
106
|
case "top-left":
|
|
117
|
-
return
|
|
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":
|
package/umd/Utils/Utils.js
CHANGED
|
@@ -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)
|
|
45
|
-
(pSide.min <= rectSide.max && pSide.min > (rectSide.max + rectSide.min)
|
|
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.
|
|
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.
|
|
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.
|
|
264
|
+
factor: (0, NumberUtils_js_1.getRangeValue)(bounceOptions.vertical.value),
|
|
258
265
|
});
|
|
259
266
|
if (resV.bounced) {
|
|
260
267
|
if (resV.velocity !== undefined) {
|
package/umd/export-types.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/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/
|
|
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/
|
|
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,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 {};
|