Лотти (формат файла)
| Расширение имени файла |
JSON |
|---|---|
| Разработано | Эрнан Торриси |
| Первоначальный выпуск | 2015 |
| Тип формата | Векторная анимация |
| Расширено с | JSON , Adobe After Effects |
| Распространено на | точкаЛотти |
| Веб-сайт | https://airbnb.io/lottie |
Lottie — это формат файла для векторной графической анимации, названный в честь Шарлотты «Лотте» Райнигер , немецкой пионерки силуэтной анимации. [1]
Описание
[ редактировать ]Lottie основан на формате JSON , но файлы Lottie используют ключи длиной 1–2 символа и не читаются человеком. Он задуман как более легкая альтернатива анимированным GIF-файлам и файлам APNG для использования в веб-приложениях, мобильных и настольных приложениях. Будучи векторным, он не зависит от разрешения устройства. Он также может включать в себя растровые графические элементы. Это также позволяет включать интерактивные элементы. [1]
Различные реализации проигрывателя имеют компромисс между использованием ЦП, графического процессора и памяти. [2]
История
[ редактировать ]2015 — Эрнан Торриси выпустил плагин Bodymovin. [3] для анимационного программного обеспечения Adobe After Effects , которое сериализовало анимацию в формате JSON для рендеринга во время выполнения. Он поддерживает некоторые, но не все функции внутреннего формата After Effects. [4] Кроме того, Торриси выпустил средство рендеринга этого формата с проигрывателем на основе JavaScript для современных браузеров. [1] [5]
2017 г. — это работа инженеров Брэндона Уитроу (iOS), Габриэля Пила. [6] (Android) и Лиланд Ричардсон (React Native) вместе с ведущим аниматором Салихом Абдул-Каримом из AirBnB, которые наблюдали за созданием первых библиотек Lottie. [7] для рендеринга анимации на разных платформах. [8]
Другие компании предоставили поддержку большего количества платформ. [1]
2018 — Microsoft и .NET Foundation выпустили библиотеку. [9] для рендеринга Лотти в Windows .
2019 — дальнейшая поддержка Lottie со стороны Qt. [10] с выпуском QML API для рендеринга Лотти. Позже в том же году Samsung выпустила rLottie. [11] который представляет собой независимый от платформы механизм рендеринга на основе C++ для Lottie и добавленную поддержку Lottie в Tizen . В этом году также была выпущена среда Python для работы с этим форматом. [12]
2020 г. — создана dotLottie. Этот формат файлов с открытым исходным кодом объединяет несколько файлов Lottie и все поддерживающие их ресурсы в один файл.
2023 г. — Thor Vector Graphics (ThorVG) начала поддерживать функцию рендеринга Lottie. [13]
2024 г. — создано сообщество Lottie Animation Community для стандартизации формата файлов. [14]
Пример
[ редактировать ]
Этот код создаст круг, показанный на изображении:
{
"v": "5.7.1",
"ip": 0,
"op": 180,
"nm": "Animation",
"fr": 60,
"w": 512,
"h": 512,
"layers": [
{
"ddd": 0,
"ty": 4,
"ind": 0,
"st": 0,
"ip": 0,
"op": 180,
"nm": "Layer",
"ks": {
"a": {
"a": 0,
"k": [
256,
256
]
},
"p": {
"a": 0,
"k": [
256,
256
]
},
"s": {
"a": 0,
"k": [
100,
100
]
},
"r": {
"a": 0,
"k": 0
},
"o": {
"a": 0,
"k": 100
}
},
"shapes": [
{
"ty": "el",
"nm": "Ellipse",
"d": 1,
"p": {
"a": 0,
"k": [
256,
256
]
},
"s": {
"a": 0,
"k": [
256,
256
]
}
},
{
"ty": "st",
"nm": "Stroke",
"o": {
"a": 0,
"k": 100
},
"c": {
"a": 0,
"k": [
0.114,
0.157,
0.282
]
},
"lc": 2,
"lj": 2,
"ml": 0,
"w": {
"a": 0,
"k": 20
}
},
{
"ty": "fl",
"nm": "Fill",
"o": {
"a": 0,
"k": 100
},
"c": {
"a": 0,
"k": [
0.196,
0.314,
0.690
]
},
"r": 1
}
]
}
]
}
Формат файла dotLottie
[ редактировать ]| Расширение имени файла |
.Лотти |
|---|---|
| Первоначальный выпуск | 2020 |
| Тип формата | Векторная анимация |
| Контейнер для | Лотти |
| Расширено с | ZIP-файл |
| Веб-сайт | https://dotlottie.io/ |
В 2020 году формат файла dotLottie был предложен в качестве стандартного способа упаковки файлов Lottie с другими ресурсами. На самом деле это zip-файл, сжатый методом дефляции . Он включает в себя файл манифеста и изображения предварительного просмотра для упрощения манипуляций с файлами. [4]
Ссылки
[ редактировать ]- ^ Jump up to: а б с д «Что такое анимация Лотти? - LottieFiles» . lotiefiles.com . Проверено 11 января 2022 г.
- ^ Бьёрн-Хансен, Андреас; Грёнли, Тор-Мортен; Гинея, Георгита (5 мая 2019 г.). «Анимация в кроссплатформенных мобильных приложениях: оценка инструментов, показателей и производительности» . Датчики . 19 (9): 2081. Бибкод : 2019Senso..19.2081B . дои : 10.3390/s19092081 . ПМК 6539844 . ПМИД 31060290 .
- ^ Торриси, Эрнан (15 декабря 2021 г.). "bodymovin-расширение" . Гитхаб . Проверено 11 января 2022 г.
- ^ Jump up to: а б «Представляем dotLottie» . dotlottie.io . Проверено 11 января 2022 г.
- ^ "bodymovin-расширение" . 15 декабря 2021 г. — через GitHub.
- ^ За созданием Лотти , получено 17 февраля 2022 г.
- ^ «Лотти Документы» . airbnb.io . Проверено 14 декабря 2021 г.
- ^ «Лотти» . Лотти . ЭйрБнБ . Проверено 11 января 2022 г.
- ^ «Лотти-Окна» . 15 декабря 2021 г. — через GitHub.
- ^ «Анонс QtLottie» . www.qt.io.
- ^ «rlottie: новый подход к анимационной графике» . Ютуб .
- ^ «Журнал изменений Python-lottie» . 24 декабря 2023 г. — через GitLab.
- ^ «Примечание к выпуску thorvg 0.10.0» — через Github.
- ^ «Lottie как стандарт с органом спецификации формата Lottie Animation Community (LAC)» .
Внешние ссылки
[ редактировать ]- Спецификация Lottie от Lottie Animation Community.
- Руководство для человека по формату Lottie. Обширная документация по формату.
 | Эта анимации статья, посвященная , незавершена . Вы можете помочь Википедии, расширив ее . |