Lottie (format pliku)
| Rozszerzenie nazwy pliku |
json
|
|---|---|
| Opracowany przez | Hernan Torrisi |
| Pierwsze wydanie | 2015 |
| Typ formatu | Animacja wektorowa |
| Przedłużony od | JSON , After Effects |
| przedłużony do | dotLottie |
| Strona internetowa | https://lottiefiles.com/ |
Lottie to format pliku do animacji grafiki wektorowej , nazwany na cześć Charlotte „Lotte” Reiniger , niemieckiej pionierki animacji sylwetki.
Opis
Lottie jest oparta na JSON , ale pliki Lottie używają kluczy o długości 1-2 znaków i nie są czytelne dla ludzi. Ma być lżejszą alternatywą dla animowanych plików GIF i APNG do użytku w aplikacjach internetowych oraz mobilnych i stacjonarnych. Ponieważ jest wektorowy, jest niezależny od rozdzielczości urządzenia. Może również zawierać rastrowe elementy graficzne. Pozwala na programowanie i interaktywność.
Różne implementacje odtwarzaczy mają kompromisy między zużyciem procesora, karty graficznej i pamięci.
Historia
2015 - Hernan Torrisi wydał wtyczkę o nazwie Bodymovin do oprogramowania do animacji Adobe After Effects , która serializowała animacje jako JSON do renderowania w czasie wykonywania. Obsługuje niektóre, ale nie wszystkie funkcje wewnętrznego formatu After Effects. Dodatkowo Torrisi udostępnił renderer formatu z JavaScript dla nowoczesnych przeglądarek.
2017 - dzięki pracy inżynierów Brandona Withrowa (iOS), Gabriela Peala (Android) i Lelanda Richardsona (React Native) wraz z głównym animatorem Salihem Abdul-Karimem z AirBnB powstały pierwsze biblioteki Lottie do renderowania animacji w różnych platformach.
Inne firmy zapewniły wsparcie dla większej liczby platform.
2018 — Microsoft i .NET Foundation udostępnili bibliotekę do renderowania Lottie w systemie Windows .
2019 - dalsze wsparcie dla Lottie zostało udzielone przez Qt wraz z wydaniem QML API do renderowania Lottie. Później w tym samym roku Samsung wypuścił rLottie, który jest niezależnym od platformy rendererem opartym na C++ dla Lottie, i dodał obsługę Lottie w Tizen . W tym roku wydano również framework Pythona do pracy z formatem.
2020 - powstaje dotLottie. Ten format plików typu open source łączy wiele plików Lottie i wszystkie ich zasoby pomocnicze w jednym pliku.
Przykład
Ten kod utworzy okrąg pokazany na obrazku:
0
0
{ "v" : "5.7.1" , "ip" : , "op" : 180 , "nm" : "Animacja" , "fr" : 60 , "w" : 512 , "h" : 512 , "warstwy " : [ { "ddd" : , "ty" : 4 ,
0
0
0
0
0 "ind" : , "st" : , "ip" : , "op" : 180 , "nm" : "Warstwa" , "ks" : { "a" : { "a" : , "k" : [ 256 , 256 ] }, "p" : { "a" : ,
0
0
0
0
"k" : [ 256 , 256 ] }, "s" : { "a" : , "k" : [ 100 , 100 ] }, "r" : { "a" : , "k" : }, "o " : { "a" : , "k" : 100 } },
0
0
"kształty" : [ { "ty" : "el" , "nm" : "Elipsa" , "d" : 1 , "p" : { "a" : , "k" : [ 256 , 256 ] }, " s" : { "a" : , "k" : [ 256 ,
0
0
256 ] } }, { "ty" : "st" , "nm" : "Uderzenie" , "o" : { "a" : , "k" : 100 }, "c" : { "a" : , " k" : [ 0,114 , 0,157 , 0,282 ] }, "lc" :
0
0
0
2 , "lj" : 2 , "ml" : , "w" : { "a" : , "k" : 20 } }, { "ty" : "fl" , "nm" : "Wypełnij" , "o " : { "a" : , "k" : 100 }, "c"
0
: { "a" : , "k" : [ 0,196 , 0,314 , 0,690 ] }, "r" : 1 } ] } ] }
Format pliku dotLottie
| Rozszerzenie nazwy pliku |
Lottie
|
|---|---|
| Pierwsze wydanie | 2020 |
| Typ formatu | Animacja wektorowa |
| Pojemnik na | Lottie |
| Przedłużony od | Plik zip |
| Strona internetowa | https://dotlottie.io/ |
W 2020 roku zaproponowano format pliku dotLottie jako standardowy sposób pakowania plików Lottie z innymi zasobami. Plik jest w rzeczywistości plikiem zip skompresowanym deflate . Zawiera plik manifestu i obrazy podglądu, aby ułatwić manipulowanie plikami.
Linki zewnętrzne
- Specyfikacja Lottie sporządzona przez społeczność animatorów Lottie
- Przewodnik człowieka po formacie Lottie Obszerna dokumentacja formatu