Лотти (формат файла)
| Расширение имени файла | 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. Обширная документация по формату.
 | Эта анимации статья, посвященная , незавершена . Вы можете помочь Википедии, расширив ее . |