@tsparticles/move-base 3.0.0-beta.3 → 3.0.0-beta.5
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/BaseMover.js +2 -2
- package/browser/Utils.js +6 -6
- package/cjs/BaseMover.js +2 -2
- package/cjs/Utils.js +6 -6
- package/esm/BaseMover.js +2 -2
- package/esm/Utils.js +6 -6
- package/package.json +3 -3
- package/report.html +4 -22
- package/tsparticles.move.base.js +10 -9
- package/tsparticles.move.base.min.js +1 -1
- package/tsparticles.move.base.min.js.LICENSE.txt +1 -1
- package/umd/BaseMover.js +2 -2
- package/umd/Utils.js +6 -6
package/browser/BaseMover.js
CHANGED
|
@@ -9,8 +9,8 @@ export class BaseMover {
|
|
|
9
9
|
return;
|
|
10
10
|
}
|
|
11
11
|
const spinPos = spinOptions.position ?? { x: 50, y: 50 }, spinCenter = {
|
|
12
|
-
x:
|
|
13
|
-
y:
|
|
12
|
+
x: spinPos.x * 0.01 * container.canvas.size.width,
|
|
13
|
+
y: spinPos.y * 0.01 * container.canvas.size.height,
|
|
14
14
|
}, pos = particle.getPosition(), distance = getDistance(pos, spinCenter), spinAcceleration = getRangeValue(spinOptions.acceleration);
|
|
15
15
|
particle.retina.spinAcceleration = spinAcceleration * container.retina.pixelRatio;
|
|
16
16
|
particle.spin = {
|
package/browser/Utils.js
CHANGED
|
@@ -7,10 +7,10 @@ export function applyDistance(particle) {
|
|
|
7
7
|
if (((hDistance && dxFixed >= hDistance) || (vDistance && dyFixed >= vDistance)) && !particle.misplaced) {
|
|
8
8
|
particle.misplaced = (!!hDistance && dxFixed > hDistance) || (!!vDistance && dyFixed > vDistance);
|
|
9
9
|
if (hDistance) {
|
|
10
|
-
particle.velocity.x = particle.velocity.y
|
|
10
|
+
particle.velocity.x = particle.velocity.y * 0.5 - particle.velocity.x;
|
|
11
11
|
}
|
|
12
12
|
if (vDistance) {
|
|
13
|
-
particle.velocity.y = particle.velocity.x
|
|
13
|
+
particle.velocity.y = particle.velocity.x * 0.5 - particle.velocity.y;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
else if ((!hDistance || dxFixed < hDistance) && (!vDistance || dyFixed < vDistance) && particle.misplaced) {
|
|
@@ -68,16 +68,16 @@ export function spin(particle, moveSpeed) {
|
|
|
68
68
|
particle.position.x = particle.spin.center.x + particle.spin.radius * updateFunc.x(particle.spin.angle);
|
|
69
69
|
particle.position.y = particle.spin.center.y + particle.spin.radius * updateFunc.y(particle.spin.angle);
|
|
70
70
|
particle.spin.radius += particle.spin.acceleration;
|
|
71
|
-
const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height);
|
|
72
|
-
if (particle.spin.radius >
|
|
73
|
-
particle.spin.radius =
|
|
71
|
+
const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height), halfMaxSize = maxCanvasSize * 0.5;
|
|
72
|
+
if (particle.spin.radius > halfMaxSize) {
|
|
73
|
+
particle.spin.radius = halfMaxSize;
|
|
74
74
|
particle.spin.acceleration *= -1;
|
|
75
75
|
}
|
|
76
76
|
else if (particle.spin.radius < 0) {
|
|
77
77
|
particle.spin.radius = 0;
|
|
78
78
|
particle.spin.acceleration *= -1;
|
|
79
79
|
}
|
|
80
|
-
particle.spin.angle +=
|
|
80
|
+
particle.spin.angle += moveSpeed * 0.01 * (1 - particle.spin.radius / maxCanvasSize);
|
|
81
81
|
}
|
|
82
82
|
export function applyPath(particle, delta) {
|
|
83
83
|
const particlesOptions = particle.options, pathOptions = particlesOptions.move.path, pathEnabled = pathOptions.enable;
|
package/cjs/BaseMover.js
CHANGED
|
@@ -12,8 +12,8 @@ class BaseMover {
|
|
|
12
12
|
return;
|
|
13
13
|
}
|
|
14
14
|
const spinPos = spinOptions.position ?? { x: 50, y: 50 }, spinCenter = {
|
|
15
|
-
x:
|
|
16
|
-
y:
|
|
15
|
+
x: spinPos.x * 0.01 * container.canvas.size.width,
|
|
16
|
+
y: spinPos.y * 0.01 * container.canvas.size.height,
|
|
17
17
|
}, pos = particle.getPosition(), distance = (0, engine_1.getDistance)(pos, spinCenter), spinAcceleration = (0, engine_1.getRangeValue)(spinOptions.acceleration);
|
|
18
18
|
particle.retina.spinAcceleration = spinAcceleration * container.retina.pixelRatio;
|
|
19
19
|
particle.spin = {
|
package/cjs/Utils.js
CHANGED
|
@@ -10,10 +10,10 @@ function applyDistance(particle) {
|
|
|
10
10
|
if (((hDistance && dxFixed >= hDistance) || (vDistance && dyFixed >= vDistance)) && !particle.misplaced) {
|
|
11
11
|
particle.misplaced = (!!hDistance && dxFixed > hDistance) || (!!vDistance && dyFixed > vDistance);
|
|
12
12
|
if (hDistance) {
|
|
13
|
-
particle.velocity.x = particle.velocity.y
|
|
13
|
+
particle.velocity.x = particle.velocity.y * 0.5 - particle.velocity.x;
|
|
14
14
|
}
|
|
15
15
|
if (vDistance) {
|
|
16
|
-
particle.velocity.y = particle.velocity.x
|
|
16
|
+
particle.velocity.y = particle.velocity.x * 0.5 - particle.velocity.y;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
else if ((!hDistance || dxFixed < hDistance) && (!vDistance || dyFixed < vDistance) && particle.misplaced) {
|
|
@@ -73,16 +73,16 @@ function spin(particle, moveSpeed) {
|
|
|
73
73
|
particle.position.x = particle.spin.center.x + particle.spin.radius * updateFunc.x(particle.spin.angle);
|
|
74
74
|
particle.position.y = particle.spin.center.y + particle.spin.radius * updateFunc.y(particle.spin.angle);
|
|
75
75
|
particle.spin.radius += particle.spin.acceleration;
|
|
76
|
-
const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height);
|
|
77
|
-
if (particle.spin.radius >
|
|
78
|
-
particle.spin.radius =
|
|
76
|
+
const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height), halfMaxSize = maxCanvasSize * 0.5;
|
|
77
|
+
if (particle.spin.radius > halfMaxSize) {
|
|
78
|
+
particle.spin.radius = halfMaxSize;
|
|
79
79
|
particle.spin.acceleration *= -1;
|
|
80
80
|
}
|
|
81
81
|
else if (particle.spin.radius < 0) {
|
|
82
82
|
particle.spin.radius = 0;
|
|
83
83
|
particle.spin.acceleration *= -1;
|
|
84
84
|
}
|
|
85
|
-
particle.spin.angle +=
|
|
85
|
+
particle.spin.angle += moveSpeed * 0.01 * (1 - particle.spin.radius / maxCanvasSize);
|
|
86
86
|
}
|
|
87
87
|
exports.spin = spin;
|
|
88
88
|
function applyPath(particle, delta) {
|
package/esm/BaseMover.js
CHANGED
|
@@ -9,8 +9,8 @@ export class BaseMover {
|
|
|
9
9
|
return;
|
|
10
10
|
}
|
|
11
11
|
const spinPos = spinOptions.position ?? { x: 50, y: 50 }, spinCenter = {
|
|
12
|
-
x:
|
|
13
|
-
y:
|
|
12
|
+
x: spinPos.x * 0.01 * container.canvas.size.width,
|
|
13
|
+
y: spinPos.y * 0.01 * container.canvas.size.height,
|
|
14
14
|
}, pos = particle.getPosition(), distance = getDistance(pos, spinCenter), spinAcceleration = getRangeValue(spinOptions.acceleration);
|
|
15
15
|
particle.retina.spinAcceleration = spinAcceleration * container.retina.pixelRatio;
|
|
16
16
|
particle.spin = {
|
package/esm/Utils.js
CHANGED
|
@@ -7,10 +7,10 @@ export function applyDistance(particle) {
|
|
|
7
7
|
if (((hDistance && dxFixed >= hDistance) || (vDistance && dyFixed >= vDistance)) && !particle.misplaced) {
|
|
8
8
|
particle.misplaced = (!!hDistance && dxFixed > hDistance) || (!!vDistance && dyFixed > vDistance);
|
|
9
9
|
if (hDistance) {
|
|
10
|
-
particle.velocity.x = particle.velocity.y
|
|
10
|
+
particle.velocity.x = particle.velocity.y * 0.5 - particle.velocity.x;
|
|
11
11
|
}
|
|
12
12
|
if (vDistance) {
|
|
13
|
-
particle.velocity.y = particle.velocity.x
|
|
13
|
+
particle.velocity.y = particle.velocity.x * 0.5 - particle.velocity.y;
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
else if ((!hDistance || dxFixed < hDistance) && (!vDistance || dyFixed < vDistance) && particle.misplaced) {
|
|
@@ -68,16 +68,16 @@ export function spin(particle, moveSpeed) {
|
|
|
68
68
|
particle.position.x = particle.spin.center.x + particle.spin.radius * updateFunc.x(particle.spin.angle);
|
|
69
69
|
particle.position.y = particle.spin.center.y + particle.spin.radius * updateFunc.y(particle.spin.angle);
|
|
70
70
|
particle.spin.radius += particle.spin.acceleration;
|
|
71
|
-
const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height);
|
|
72
|
-
if (particle.spin.radius >
|
|
73
|
-
particle.spin.radius =
|
|
71
|
+
const maxCanvasSize = Math.max(container.canvas.size.width, container.canvas.size.height), halfMaxSize = maxCanvasSize * 0.5;
|
|
72
|
+
if (particle.spin.radius > halfMaxSize) {
|
|
73
|
+
particle.spin.radius = halfMaxSize;
|
|
74
74
|
particle.spin.acceleration *= -1;
|
|
75
75
|
}
|
|
76
76
|
else if (particle.spin.radius < 0) {
|
|
77
77
|
particle.spin.radius = 0;
|
|
78
78
|
particle.spin.acceleration *= -1;
|
|
79
79
|
}
|
|
80
|
-
particle.spin.angle +=
|
|
80
|
+
particle.spin.angle += moveSpeed * 0.01 * (1 - particle.spin.radius / maxCanvasSize);
|
|
81
81
|
}
|
|
82
82
|
export function applyPath(particle, delta) {
|
|
83
83
|
const particlesOptions = particle.options, pathOptions = particlesOptions.move.path, pathEnabled = pathOptions.enable;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tsparticles/move-base",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.5",
|
|
4
4
|
"description": "tsParticles Base movement",
|
|
5
5
|
"homepage": "https://particles.js.org",
|
|
6
6
|
"repository": {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"confettijs",
|
|
61
61
|
"fireworksjs",
|
|
62
62
|
"canvas-confetti",
|
|
63
|
-
"
|
|
63
|
+
"tsparticles-plugin",
|
|
64
64
|
"@tsparticles/move"
|
|
65
65
|
],
|
|
66
66
|
"author": "Matteo Bruni <matteo.bruni@me.com>",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"./package.json": "./package.json"
|
|
88
88
|
},
|
|
89
89
|
"dependencies": {
|
|
90
|
-
"@tsparticles/engine": "^3.0.0-beta.
|
|
90
|
+
"@tsparticles/engine": "^3.0.0-beta.5"
|
|
91
91
|
},
|
|
92
92
|
"publishConfig": {
|
|
93
93
|
"access": "public"
|