3 file edited

Author: Croc-Prog-github

README.md

@@ -70,7 +70,18 @@ Sposta l’elemento verso una posizione specifica (`x`, `y`) in un tempo determi
 * **seconds**: Tempo dell’animazione in secondi.<br>
 
 **`mover.glideAtIdElement(id, seconds)`**
-Sposta l’elemento verso la posizione di un altro elemento HTML (selezionato tramite `id`) in un tempo determinato.
+Sposta l’elemento verso la posizione di un altro elemento HTML (selezionato tramite `id`) in un tempo determinato, con animazione fluida.
+* **id**: L’id dell’elemento di riferimento.
+* **seconds**: Tempo dell’animazione in secondi.<br>
+
+**`mover.glideAtAndWait(x, y, seconds)`**
+Sposta l’elemento verso una posizione specifica (`x`, `y`) in un tempo determinato e attendi la fine dell'animazione prima di eseguire altro.
+* **x**: Coordinata finale sull’asse X.
+* **y**: Coordinata finale sull’asse Y.
+* **seconds**: Tempo dell’animazione in secondi.<br>
+
+**`mover.glideAtIdElementAndWait(id, seconds)`**
+Sposta l’elemento verso la posizione di un altro elemento HTML (selezionato tramite `id`) in un tempo determinato, e attendi la fine dell'animazione prima di eseguire altro.
 * **id**: L’id dell’elemento di riferimento.
 * **seconds**: Tempo dell’animazione in secondi.<br>
 

core/Movement-library.js

@@ -80,6 +80,40 @@ class MoverJS {
     }
   }
 
+  glideAtAndWait(x, y, seconds) {
+    this.element.style.transition = `left ${seconds}s, top ${seconds}s`; // Animazione su left e top
+    this.achieve.setXY(x, y);
+    return new Promise(resolve => { //Aspetta il completamento della animazione
+      setTimeout(() => {
+      this.element.style.transition = ''; // Rimuove la transizione dopo che è completata
+      resolve();
+      }, seconds * 1000);
+    });
+  }
+
+  glideAtIdElementAndWait(id, seconds) {
+    const target = document.getElementById(id);
+    if (target) {
+      const rect = target.getBoundingClientRect();
+      const startX = parseInt(this.element.style.left) || 0;
+      const startY = parseInt(this.element.style.top) || 0;
+      const endX = rect.left + window.scrollX;
+      const endY = rect.top + window.scrollY;
+      const distanceX = endX - startX;
+      const distanceY = endY - startY;
+      this.element.style.transition = `left ${seconds}s, top ${seconds}s`; // Animazione su left e top
+      this.achieve.setXY(startX + distanceX, startY + distanceY);
+      return new Promise(resolve => { //Aspetta il completamento della animazione
+        setTimeout(() => {
+          this.element.style.transition = ''; // Rimuove la transizione dopo che è completata
+          resolve();
+        }, seconds * 1000);
+      });
+    } else {
+      console.error("The element with the id: " + id + " doesn't exist.");
+    }
+  }
+
   punteInDirection(degrees) {
     this.element.style.transform = `rotate(${degrees}deg)`;
   }

core/Movement-library.ts

@@ -83,6 +83,40 @@ class MoverTS {
     }
   }
 
+  glideAtAndWait(x: number, y: number, seconds: number): void {
+    this.element.style.transition = `left ${seconds}s, top ${seconds}s`; // Animazione su left e top
+    this.achieve.setXY(x, y);
+    return new Promise(resolve => { //Aspetta il completamento della animazione
+      setTimeout(() => {
+      this.element.style.transition = ''; // Rimuove la transizione dopo che è completata
+      resolve();
+      }, seconds * 1000);
+    });
+  }
+
+  glideAtIdElementAndWait(id: string, seconds: number): void {
+    const target = document.getElementById(id);
+    if (target) {
+      const rect = target.getBoundingClientRect();
+      const startX = parseInt(this.element.style.left) || 0;
+      const startY = parseInt(this.element.style.top) || 0;
+      const endX = rect.left + window.scrollX;
+      const endY = rect.top + window.scrollY;
+      const distanceX = endX - startX;
+      const distanceY = endY - startY;
+      this.element.style.transition = `left ${seconds}s, top ${seconds}s`; // Animazione su left e top
+      this.achieve.setXY(startX + distanceX, startY + distanceY);
+      return new Promise(resolve => { //Aspetta il completamento della animazione
+        setTimeout(() => {
+          this.element.style.transition = ''; // Rimuove la transizione dopo che è completata
+          resolve();
+        }, seconds * 1000);
+      });
+    } else {
+      console.error("The element with the id: " + id + " doesn't exist.");
+    }
+  }
+
   punteInDirection(degrees: number): void {
     this.element.style.transform = `rotate(${degrees}deg)`;
   }