애니메이션 라이브러리_Lottie

Lottie

Airbnb가 개발한 새로운 오픈소스 도구
애니메이션 라이브러리 Lottie 

 

https://airbnb.design/lottie/

Lottie

'로티'를 들어보셨나요? 우리가 알고 있는 숙박공유 업체인 '에어비엔비'에서 개발한 라이브러리입니다.

로티는 벡터기반 데이터를 활용하여 애니매이션을 만드는 라이브러리 입니다.

영상을 코드화하여 스크립트로 구현할 수 있는것이 특징입니다.

 

Web, iOS, Android 앱을 통해 사용이 가능합니다.

*단 이미지가 포함된 애니메이션은 지원되지 않습니다.

자세한 사항은 홈페이지를 통해 확인 할 수 있습니다.

 

출처-https://airbnb.design/introducing-lottie/

자세한 사항은 홈페이지를 통해 확인 할 수 있습니다.

 

Bodymovin

Lottie가 사용할 json 데이터 형식으로 애니메이션을 내보낼 수 있는 After Effects용 플러그인

 

https://github.com/airbnb/lottie-web

GitHub - airbnb/lottie-web: Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io

 

 

Integrate Lottie

내보낸 동일한 json 데이터를 모든 플랫폼에서 사용할 수 있습니다. 

선택한 기본 플랫폼에 대한 Lottie 라이브러리를 가져옵니다.

 

Android

GitHub - airbnb/lottie-android: Render After Effects animations natively on Android and iOS, Web, and React Native

 

IOS

GitHub - airbnb/lottie-ios: An iOS library to natively render After Effects vector animations

 

React Native

GitHub - lottie-react-native/lottie-react-native: Lottie wrapper for React Native.