2D-Animation/Image Magick

SIR Model - Animation

Angenommen, Sie haben eine Liste von Dateien, die Dateinamen mit der folgenden Aufzählung haben:

  image000.png
  image001.png
  image002.png
  ...
  image010.png
  image011.png
  ...

Das Image Magick verwendet Bilder mit einer alphanumerischen Ordnung. Dort benötigt man das Präfix "00" für einen Index kleiner als 10 und ein Präfix "0" für Bilder mit einem Bildindex zwischen 10 und 99. Die Bilddateien sind beispielsweise die Einzelbilder aus der Animation zum SIR-Model.

Der folgende Befehl wandelt die Bildsequenz in ein animiertes GIF mit dem Namen myanimation.gif um. Zwischen den Einzelbilder wartet die GIF-Animation 100 Millisekunden -delay 100 bis der nächste Frame der Animation dargestellt wird. Mit kürzerer Delay-Zeit kann man einen Zeitraffer für die Bildsequenz erzeugen und mit einer höheren Wartezeit zwischen den Einzelbildern kann man eine Zeitlupe generieren. Die Einzelbilder kann man auch für mit Pencil2D als Exportformat generieren. Es entsteht eine zerlegte Bildsequenz aus den Einzelbildern der Animation. -loop 5 legt die Anzahl der Wiederholung der Animation fest (hier also 5 Wiederholungen). -loop 0 wiederholt die Animation unendlich oft.

 convert -delay 100 -loop 5 -dispose image*.png myanimation.gif

Lernaufgabe

• (Programmierung) Erstellen Sie ein AppLSAC, das Folgendes verwendet
  • die Bibliothek loadfile4dom.js zum Hochladen einer Liste von Bildern in den Browser (nicht auf den Server)
  • die Datei umbenennen
    • image0.png in image000.png,
    • image1.png in image001.png,
    • ...
  • speichert die umbenannten Dateien in eine ZIP-Datei mit jszip.js und
  • mit einem Save-Button speichert die AppLSAC die erzeugte ZIP-Datei im Download-Ordner Ihres Browsers mit der Bibliothek filesaver.js

Stellen Sie das endgültige AppLSAC als Link zu einem GitLab- oder GitHub-Repository hier in der Lernressource zur Verfügung, so dass andere Lerner die Umbenennungsaufgabe automatisch durchführen können.

Siehe auch

• Wikipedia: Image Magick
• AppLSAC - Browser als Laufzeitumgebung für HTML5-Anwendungen, die hier die Umbenennung von Dateinamen als kleine Aufgabe für die Autoren übernehmen soll.
• AppLSAC: Laden von Dateien in den Browser - nicht auf einen fremden Server.
• AppLSAC: Speichern von Dateien in einem Browser