LottieFiles

Vorstellung der neuen dotLottie Runtimes

Entwickelt für Leistung und plattformübergreifende Konsistenz

Erleben Sie verbesserte Animationen, schnellere Ladezeiten und zuverlässige

plattformübergreifende Unterstützung mit den neuen dotLottie-Laufzeiten.

Web JS
React
Vue JS
Svelte
Flutter
iOS
Android

Visit Developer Portal

Nahtloses plattformübergreifendes Erlebnis

Sagen Sie auf Wiedersehen zu der Frustration von inkonsistenten Animationen auf verschiedenen Plattformen. Unsere DotLottie Runtimes gewährleisten Funktionsparität auf Web, Android und iOS.

Enhance performance

Verbesserte Leistung

Erleben Sie blitzschnelle, flüssige Animationen mit unserer optimierten Hochleistungs-Laufzeitumgebung, die darauf ausgelegt ist, die Effizienz auf allen Geräten zu steigern.

Fallstudie von Canva

Leistungstestseite

Platform consistency

Plattformkonsistenz

Erreichen Sie eine gleichmäßige Animation auf Web, iOS und Android, um sicherzustellen, dass Ihre Animationen auf allen Plattformen konsistent ausgeführt werden.

Unterstützte Funktionen

AE expressions

AE Expressions bereit

NEU

AE-Expressionen lassen sich mühelos in den dotLottie-Player integrieren – mit Unterstützung auf Web, iOS und Android.

Robuste Framework-Integrationen

Mit unseren Laufzeiten ist die Integration mit verschiedenen beliebten Frameworks mühelos.

Web

React

VueJS

Svelte

React Native

Flutter

iOS

Android

import { DotLottie } from '@lottiefiles/dotlottie-web';

const dotLottie = new DotLottie({
    autoplay: true,
    loop: true,
    canvas: document.querySelector('#dotlottie-canvas'),
    src: "https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie", // or .json file
});
Javascript
React
VueJS
Basic HTML
Svelte
Flutter
Apple iOS
Android

Visit Developer Portal

Der dotLottie-Vorteil

Die Einführung von dotLottie, unserem innovativen Dateiformat, das eine Vielzahl von Vorteilen bietet:
verringerte Dateigröße, Interaktivität, Ausdrücke neben Design und gebündelte Pakete.

Reduzierte Dateigröße

Verringerte Dateigröße

Komprimieren Sie Ihre Animationen um bis zu 80% und skalieren Sie sie ohne Pixelbildung nach oben oder unten.

Thematisierung

Themen

Passen Sie Ihre Animationen mühelos für den Dunkelmodus, den Hellmodus oder benutzerdefinierte Modi an.

Interaktivität

Interaktivität

Neue Interaktivitätsmethoden nutzen, um ansprechende, interaktive Animationen plattformübergreifend zu erstellen.

Gebündelte Pakete

Gebündelte Pakete

Enthalten Sie mehrere Animationen und Assets in einer einzelnen dotLottie-Datei, um Verwaltung und Bereitstellung zu vereinfachen.

Unglaubliche Leistung

Herausragende Leistung

Die neuen dotLottie-Laufzeiten werden von der leistungsstarken Grafik-Engine ThorVG betrieben. Mit Unterstützung für das dotLottie-Format, das 80% kleiner ist als ein normales JSON.

Leistungsindex

Leistungsindex

Unsere Laufzeiten übertreffen den aktuellen Webplayer bei weitem, wie in unserem detaillierten Leistungsindex dargestellt.

JS Bibliothek

JS-Bibliothek

Erstellen und steuern Sie dotLottie-Animationen mühelos mit unserer leistungsstarken JavaScript-Bibliothek.

Canva logo

In unserem Fall führte dies zu einer Ersparnis von ca. 8 Sekunden, was eine Verbesserung um rund 80% darstellt. Ebenso haben wir in Bezug auf den Speicherplatz ca. 164MB eingespart, was etwa ~70% entspricht.

Erfahren Sie, wie Canva es gemacht hat

FAQs

Welche Plattformen und Frameworks werden unterstützt?

Unsere dotLottie-Runtimes unterstützen Web, Android, iOS, eingebettete Geräte wie LVGL und beliebte Frameworks wie React, Node.js, Vue.js und mehr.

Wie fange ich mit den dotLottie-Runtimes an?
Was sind die Vorteile der Verwendung von dotLottie Runtimes gegenüber bestehenden?
Gibt es irgendwelche Tutorials oder Dokumentationen verfügbar?
Wie funktioniert die dotLottie-Erweiterung im Vergleich zu .json?

Zusätzliche Ressourcen

Vorstellung von dotLottie: Ein Open-Source-Dateiformat
Introducing dotLottie: An Open-Source File Format

4 Minuten lesen

Entwicklungsupdate des dotLottie-Formats
Development Update Of The dotLottie Format

2 Minuten lesen

ThorVG Leistungsstarke Grafikbibliothek für Lottie-Animation
ThorVG: Powerful Graphics Library for Lottie Animation

4 min read

Erste Schritte mit dem dotLottie Player für iOS
Getting Started with dotLottie Player for iOS

4 min read

Lottie für Entwickler

Entdecken Sie das Lottie-Ökosystem für Integration und Tools, um die Implementierung von Lottie zu erleichtern

Visit Developer Portal