Positionen in einem Array

[molily]

Hallo,

Ich möchte jetzt dass das Div einen (weitgehend) von mir bestimmten "Weg" geht.

Das heißt also, dass es ist nicht der direkte Weg zwischen der aktuellen und der gewünschten Position? Soll es sich in Kurven oder entlang eines Pfades dahin bewegen?

Ich hab mir gedacht das ich die Positionen/Koordinaten (x und y) in ein Array schreibe und diese dann nutze um so das Div zu bewegen.

Wenn du mehrere zahlreiche Koordinaten speichern willst, ist ein Array die richtige Datenstruktur, ja.

Wie letztliche Animation erfolgt, ist eine andere Frage. CSS-Transitions ermöglichen es, dass der Browser ein Element automatisch von einem Punkt zum anderen bewegt – auf direktem Weg. Man muss also nicht alle Zwischenpunkte berechnen, es reichen die Eckpunkte. Bei Kurven ist es natürlich nötig, viele Zwischenpunkte zu berechnen.

Ich grübel auch gerade wie mein Array am Ende aussehen sollte

Zum Beispiel

[
 [x, y], …
]

oder

[
  {x: x, y: y}, …
]

denn ich kann ja nicht 1000 Koordinaten eingeben und diese auslesen lassen.

Wieso nicht?

Vielleicht von-bis und von-bis usw. ?

Es reichen die Zwischenpunkte, wie gesagt. Den Rest kann der Browser berechnen.

Mathias