Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

News

Quelloffene Animationsbibliothek von Airbnb bringt Bewegung in eure Apps

(Grafik: Airbnb)

Mit Airbnbs Lottie-Bibliothek könnt ihr Animationsdaten von After Effects in eure Android- und iOS-Apps bringen. Wir werfen einen Blick auf die Open-Source-Library.

Airbnb veröffentlicht Animationsbibliothek unter Open-Source-Lizenz

Mit Animationen lässt sich Leben in eine App bringen. Allerdings ist es auch heute zumeist noch viel Arbeit, die Animation eines Designers umständlich nachzubauen. Mit Squall und Keyframe von Facebook gibt es zwar bereits zwei gute Lösungen, um Animationsdaten aus Adobes After Effect in eine App zu übertragen, beide Werkzeuge haben jedoch gewisse Nachteile. So unterstützt Squall nur iOS als Zielplattform, und Keyframes wiederum funktioniert nur mit einer ausgewählten Anzahl an After-Effects-Funktionen.

Lottie von Airbnb: Die Open-Source-Bibliothek bringt After-Effects-Animationen in eure Apps. (Grafik: Airbnb)

Diese Limitierungen haben auch die Entwickler bei Airbnb gestört. Daher haben sie jetzt mit Lottie eine eigene Animationsbibliothek vorgestellt, die After-Effects-Animationsdaten in eure Apps bringen soll. Die Daten dazu könnt ihr über das Open-Source-Plugin Bodymovin im JSON-Format aus After Effects exportieren. Als Zielplattformen werden iOS, Android und React-Native-Apps unterstützt.

Airbnb: Das sind die wichtigsten Features von Lottie

Lottie rendert eure Animationen in Echtzeit. Praktischerweise können die JSON-Animationsdaten aus dem Netzwerk geladen werden. So lassen sich verschiedene Varianten leicht in Form von A/B-Tests ausprobieren. Außerdem können Lottie-Animationen durch Nutzergesten beeinflusst werden.

Airbnb hat ein paar Beispielanimationen für Lottie gestalten lassen. (Grafik: Airbnb)

Airbnb hat den Quellcode von Lottie für iOS, Android und React-Native unter der Apache-Lizenz auf Github veröffentlicht. Der Community-Marktplatz hofft, Animatoren und Entwickler gleichermaßen von dem Projekt überzeugen zu können. Um die Fähigkeiten der Software zu demonstrieren, hat Airbnb auch gleich eine Reihe von Beispielanimationen in Auftrag gegeben und der Bibliothek beigelegt.

Ebenfalls interessant:

Bitte beachte unsere Community-Richtlinien

2 Reaktionen
Mike

Gibt's die Möglichkeit diese Bibliothek auch irgendwie auf einer normalen Website zu nutzen?

Antworten
Karl Marks

Bisher scheinbar nicht.

Antworten

Melde dich mit deinem t3n-Account an oder fülle die unteren Felder aus.

Abbrechen

Finde einen Job, den du liebst