로티(파일 형식)

Lottie (file format)
로티
파일 이름 확장자
json
개발자에르난 토리시
초기 릴리즈2015
포맷의 종류벡터 애니메이션
확장원JSON, 후효과
확장처닷로티
웹 사이트https://lottiefiles.com/
A white woman holding paper and a writing implement while looking at a table with drawings and silhouettes.
1939년 롯데 라이니거

로티는 벡터 애니메이션의 파일 형식이며 실루엣 [1]애니메이션의 선구자인 독일의 샬롯 라이니거의 이름을 따서 명명되었다.

묘사

Lottie는 JSON을 기반으로 하므로 사람이 읽을 수 있습니다.웹 및 모바일 및 데스크톱 응용 프로그램에서 사용할 수 있는 애니메이션 GIF 및 APNG 파일의 가벼운 대안으로 사용됩니다.벡터 방식이기 때문에 디바이스 해상도와는 무관합니다.래스터 그래픽 요소를 포함할 수도 있습니다.프로그래밍과 [1]인터랙티브를 가능하게 합니다.

플레이어 실장 마다 CPU, GPU, 메모리 [2]사용량의 트레이드 오프가 있습니다.

역사

2015 - Hernan Torrisi는 애니메이션 소프트웨어 Adobe After Effects용 Bodymovin이라는[3] 플러그인을 출시하여 런타임에 렌더링되는 애니메이션을 JSON으로 시리얼화하였습니다.After [4]Effects 내부 형식의 일부 기능은 지원하지 않습니다.또한 Torrisi는 최신 브라우저용 JavaScript 기반 플레이어와 함께 포맷을 위한 렌더러(renderer)를 출시했다.[1] [5]

2017 - AirBnB의 수석 애니메이터 Salih Abdul-Karim과 함께 엔지니어 Brandon Withrow(iOS), Gabriel Peal[6](Android), Leland Richardson(React Native)이 제작한 것으로, 다양한 [8]플랫폼에서 애니메이션을 렌더링하는 최초의 로티 라이브러리가[7] 탄생했습니다.

다른 기업에서는 더 [1]많은 플랫폼을 지원하고 있습니다.

2018 - Microsoft 및NET Foundation은 Windows에서 Lottie를 렌더링하기 위한 라이브러리를[9] 출시했습니다.

2019년 - Qt는[10] Lottie 렌더링을 위한 QML API를 출시하여 Lottie에 대한 추가 지원을 제공하였습니다.같은 해 말 삼성은 플랫폼 독립형 C++ 기반 렌더러인 rLottie를 출시하고 타이젠에 Lottie 지원을 추가했다.이 포맷으로 동작하는 Python 프레임워크도 [11]올해 출시되었습니다.

2020 - dotLottie가 생성되었습니다.이 오픈 소스 파일 형식은 여러 Lottie 파일과 모든 지원 리소스를 하나의 파일로 결합합니다.

예

Example of a rendered lottie

이 코드는 이미지에 표시된 원을 생성합니다.

{     "v": "5.7.1",     "ip": 0,     "op": 180,     "nm": '애니메이션',     "fr": 60,     "w": 512,     "h": 512,     "실패": [         {             "ddd": 0,             "ty": 4,             "인드": 0,             「st」: 0,             "ip": 0,             "op": 180,             "nm": '레이어",             "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                 }             },             "실패": [                 {                     "ty": '엘',                     "nm": "타원",                     "d": 1,                     "p": {                         "a": 0,                         "k": [                             256,                             256                         ]                     },                     "s": {                         "a": 0,                         "k": [                             256,                             256                         ]                     }                 },                 {                     "ty": 「st」,                     "nm": '스트로크",                     "o": {                         "a": 0,                         "k": 100                     },                     "c": {                         "a": 0,                         "k": [                             0.114,                             0.157,                             0.282                         ]                     },                     "lc": 2,                     "실패": 2,                     "ml": 0,                     "w": {                         "a": 0,                         "k": 20                     }                 },                 {                     "ty": 「플레인」,                     "nm": "채우다",                     "o": {                         "a": 0,                         "k": 100                     },                     "c": {                         "a": 0,                         "k": [                             0.196,                             0.314,                             0.690                         ]                     },                     "r": 1                 }             ]         }     ] }

dotLottie 파일 형식

닷로티
파일 이름 확장자
.lottie
초기 릴리즈2020
포맷의 종류벡터 애니메이션
컨테이너:로티
확장원ZIP 파일
웹 사이트https://dotlottie.io/

2020년에는 다른 리소스와 함께 Lottie 파일을 패키징하는 표준 방법으로 dotLottie 파일 형식이 제안되었습니다.파일은 실제로 deflate 방식으로 압축된 zip 파일입니다.파일 조작을 용이하게 하기 위한 매니페스트 파일과 미리보기 이미지가 포함되어 있습니다.[4]


레퍼런스

  1. ^ a b c d "What is a Lottie animation? - LottieFiles". lottiefiles.com. Retrieved 11 January 2022.
  2. ^ Biørn-Hansen, Andreas; Grønli, Tor-Morten; Ghinea, Gheorghita (5 May 2019). "Animations in Cross-Platform Mobile Applications: An Evaluation of Tools, Metrics and Performance". Sensors. 19 (9): 2081. Bibcode:2019Senso..19.2081B. doi:10.3390/s19092081. PMC 6539844. PMID 31060290.
  3. ^ Torrisi, Hernan (15 December 2021). "bodymovin-extension". GitHub. Retrieved 11 January 2022.
  4. ^ a b "Introducing dotLottie". dotlottie.io. Retrieved 11 January 2022.
  5. ^ "bodymovin-extension". December 15, 2021 – via GitHub.
  6. ^ Behind the Creation of Lottie, retrieved 2022-02-17
  7. ^ "Lottie Docs". airbnb.io. Retrieved 2021-12-14.
  8. ^ "Lottie". Lottie. AirBnB. Retrieved 11 January 2022.
  9. ^ "Lottie-Windows". December 15, 2021 – via GitHub.
  10. ^ "Announcing QtLottie". www.qt.io.
  11. ^ "python-lottie Changelog" – via GitLab.

외부 링크


Stub icon

이 애니메이션 관련 기사는 스텁입니다.위키피디아를 확장함으로써 위키피디아를 도울 수 있습니다.