Lottie-Animationstool v6.5.2

Lottie Animation Tool ist eine mobile Bibliothek für Android und iOS, die Bodymovin verwendet, um im JSON-Format exportierte Adobe After Effects-Animationen zu analysieren und sie nativ auf Mobilgeräten zu rendern!

Lottie erleichtert Ingenieuren die Erstellung umfangreicherer Animationseffekte, ohne den Code neu schreiben zu müssen. Mit Lottie müssen Sie keine GIF-Animation mehr verwenden, um den Effekt zu zeigen.

Derzeit unterstützt Lottie das Trimmen, Maskieren, Abdecken und andere Vorgänge von Pfaden. Es gibt auch einen optionalen Caching-Mechanismus zum schnelleren Laden häufig verwendeter Elemente. Ziel dieser App ist es, Entwicklern und Animatoren dabei zu helfen, Animationen für ihre Apps einfacher zu erstellen und so den Gesamtinteraktivitätsfaktor zu verbessern.

Vorteile von Lottie

Lotties Lösung besteht darin, dass der Designer die Animation erstellt, sie in JSON exportiert und im Frontend abspielt. Daher besteht der Vorteil der Verwendung des Lottie-Schemas darin

1. Die Animation wird vom Designer mit dem professionellen Animationsproduktionstool Adobe After Effects realisiert, wodurch die Animationsimplementierung komfortabler und der Animationseffekt besser wird;

2. Das Front-End kann problemlos Animationen aufrufen und Animationen steuern, wodurch der Arbeitsaufwand für Front-End-Animationen verringert wird.

3. Entwerfen und produzieren Sie Animationen, zeigen Sie Animationen im Frontend an, Profis erledigen professionelle Dinge und die Arbeitsteilung ist angemessen.

4. Die Show des Verkäufers ist die Show des Käufers und der Wiederherstellungsgrad beträgt 100 %;

5. Bei Verwendung der Lottie-Lösung ist die JSON-Dateigröße viel kleiner als die GIF-Datei und die Leistung ist besser.

Nicht genug Lottie

Die Verwendung des Lottie-Schemas hat die folgenden Nachteile

1. Die Lottie-Web-Datei selbst ist immer noch relativ groß. Die Größe von lottie.js beträgt 144 KB nach der Komprimierung. Daher müssen Sie auf das Laden von Lottie-Web achten. Derzeit verfügen H5-Projekte über Offline-Pakete, und PC-Projekte werden auch in PWA hochgeladen, das zwischengespeichert wird, um die Ladegeschwindigkeit sicherzustellen.

2. Lottie-Animationen können tatsächlich als SVG-Animationen/Leinwandanimationen verstanden werden und können keine Animationseffekte zu vorhandenem HTML hinzufügen.

3. Beim Exportieren von Animations-JSON-Dateien werden derzeit die Parameter in AE einzeln in JSON-Inhalte exportiert. Wenn der Designer viele Ebenen erstellt, besteht möglicherweise immer noch ein Problem mit relativ großen JSON-Dateien (20 KB). Designer sind verpflichtet, bestimmte Normen einzuhalten.

4. Es gibt eine sehr kleine Anzahl von AE-Animationseffekten, die Lottie nicht implementieren kann. Einige sind auf Leistungsprobleme zurückzuführen, andere werden nicht umgesetzt. Zum Beispiel: Strichanimation usw.