Wie kann ich animierte Routen auf Karten erstellen?

In diesem Artikel erfahren Sie, wie Sie eine Linie oder Route auf Ihrer Karte vom Start bis zum Ziel animieren können.

Diese Dokumentation wird kontinuierlich weiterentwickelt.

Wir empfehlen Ihnen dringend, zunächst den Artikel über animierte Karten zu lesen, bevor Sie mit diesem fortfahren.

Animierte Linie (Flugroute)

Um eine Flugroute zu erstellen, fügen wir eine Bézier-Linie von London nach New York hinzu. Sobald die Linie erstellt ist, klicken Sie auf sie und ziehen Sie den Mittelpunkt, um sie zu biegen. Sie können das Styling der Linie im Popup-Menü auf der rechten Seite anpassen.

Jetzt können Sie in den Videomodus wechseln, indem Sie auf das Kamera-Symbol unten links klicken. Nach dem Klick öffnet sich eine neue Oberfläche, mit der Sie animierte Karten erstellen können. Erstellen Sie die notwendigen Keyframes (mehr dazu hier).

Sie können zuerst eine Route hinzufügen und dann in den Animationsmodus wechseln – oder mit dem Animationsmodus starten und jederzeit Elemente hinzufügen. Wenn Sie jedoch zum ersten Mal ein Video in Mapcreator erstellen, empfehlen wir, zunächst alle Elemente wie Routen, Beschriftungen und Symbole hinzuzufügen und erst danach in den Animationsmodus zu wechseln. Wenn Sie Elemente im Animationsmodus hinzufügen, beachten Sie bitte, dass diese standardmäßig animiert werden. Das bedeutet, sie sind nicht sofort zu Beginn des Videos sichtbar, da animierte Elemente normalerweise ein- oder herausblenden oder wachsen. Spielen Sie das Video einfach ab – Sie werden sehen, wie sie erscheinen.

Standardmäßig sind die Linie und alle hinzugefügten Elemente statisch. Um ein Element zu animieren, wählen Sie es in der Elementeliste aus, indem Sie das Kästchen daneben anklicken. Danach erscheint die Linie im Timeline-Tab.

Im Menü auf der rechten Seite können Sie eine Eingangs- und Ausgangsanimation für die Linie festlegen. Für eine Flugroute benötigen wir nur eine Eingangsanimation – wählen Sie daher „Growing“ (Wachstum). Diese Einstellung wird typischerweise für Linien und Routen verwendet, aber Sie können auch mit anderen Optionen experimentieren. Stellen Sie die Animationsdauer in Millisekunden (ms) ein. Zum Beispiel bedeutet 2000 ms, dass die Linie über einen Zeitraum von 2 Sekunden gezeichnet wird.

Eine einfache Linienanimation ist nun fertig, aber wir können sie verbessern, indem wir ein Flugzeugsymbol hinzufügen, das sich entlang der Linie bewegt.
Aktivieren Sie dazu den entsprechenden Schalter, wählen Sie ein Symbol aus dem Set oder laden Sie Ihr eigenes hoch.  Stellen Sie sicher, dass die Option „ align with line direction“ aktiviert ist, damit die Nase des Flugzeugs in Flugrichtung zeigt.

Animierte Route

Der Animationsprozess für Linien und Routen ist derselbe. Unten sehen Sie ein ähnliches Beispiel mit einer Route.

Dieses Beispiel zeigt außerdem eine Einstellung, die beeinflusst, wie sich die Animation zeitlich entwickelt:

• Linear – Das Element wächst gleichmäßig über die gesamte Animationsdauer.
• Ease – Die Animation startet schneller und wird zum Ende hin langsamer.
• Bounce – Das Element wächst und zeigt am Ende einen hüpfenden Effekt.
  
  

PRO-TIPPS

Nur Symbol animieren

Sie können eine Linie oder Route erstellen, ein Symbol wie oben gezeigt hinzufügen und die Linie dann transparent machen. So ist nur das animierte Symbol sichtbar.

Statische Linie und animiertes Symbol

Wenn das Symbol sich entlang einer statischen Linie bewegen soll, benötigen Sie zwei identische Linien: eine statisch und eine mit wachsender Animation samt Symbol. Erstellen Sie dafür eine wachsende Linie mit Symbol wie in den obigen Beispielen. Dann duplizieren Sie die Linie und entfernen die Animation aus der Kopie. Falls gewünscht, können Sie die ursprüngliche animierte Linie transparent machen.