fix: fixed gravity on retina displays and an issue with inverse gravity

tsparticles · Jun 30, 2021 · 54c28d1 · 54c28d1
1 parent 3321a95
commit 54c28d1
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/core/main/src/Core/Particle.ts b/core/main/src/Core/Particle.ts
@@ -74,6 +74,7 @@ export class Particle implements IParticle {
     maxDistance?: number;
     moveDrift?: number;
     moveSpeed?: number;
+    maxSpeed?: number;
     sizeAnimationSpeed?: number;
 
     readonly close: boolean;

diff --git a/core/main/src/Core/Particle/Mover.ts b/core/main/src/Core/Particle/Mover.ts
@@ -72,9 +72,15 @@ export class Mover {
         particle.velocity.multTo(1 - particle.options.move.decay);
 
         const velocity = particle.velocity.mult(moveSpeed);
-
-        if (gravityOptions.enable && Math.abs(velocity.y) >= gravityOptions.maxSpeed && gravityOptions.maxSpeed > 0) {
-            velocity.y = gravityFactor * gravityOptions.maxSpeed;
+        const maxSpeed = particle.maxSpeed ?? container.retina.maxSpeed;
+
+        if (
+            gravityOptions.enable &&
+            ((!gravityOptions.inverse && velocity.y >= 0 && velocity.y >= maxSpeed) ||
+                (gravityOptions.inverse && velocity.y <= 0 && velocity.y <= -maxSpeed)) &&
+            gravityOptions.maxSpeed > 0
+        ) {
+            velocity.y = gravityFactor * maxSpeed;
 
             if (moveSpeed) {
                 particle.velocity.y = velocity.y / moveSpeed;

diff --git a/core/main/src/Core/Retina.ts b/core/main/src/Core/Retina.ts
@@ -22,6 +22,7 @@ export class Retina {
     sizeAnimationSpeed!: number;
     pixelRatio!: number;
     bounceModeDistance!: number;
+    maxSpeed!: number;
 
     constructor(private readonly container: Container) {}
 
@@ -81,6 +82,7 @@ export class Retina {
         this.linksDistance = particles.links.distance * ratio;
         this.linksWidth = particles.links.width * ratio;
         this.sizeAnimationSpeed = particles.size.animation.speed * ratio;
+        this.maxSpeed = particles.move.gravity.maxSpeed * ratio;
 
         const modes = options.interactivity.modes;
 
@@ -110,6 +112,7 @@ export class Retina {
         particle.sizeAnimationSpeed = particlesOptions.size.animation.speed * ratio;
         particle.maxDistance = particlesOptions.move.distance * ratio;
         particle.wobbleDistance = NumberUtils.getRangeValue(particlesOptions.wobble.distance) * ratio;
+        particle.maxSpeed = particlesOptions.move.gravity.maxSpeed * ratio;
     }
 
     private handleMotionChange(mediaQuery: MediaQueryList): void {