여행 플랫폼의 Airbnb가 Adobe After Effects의 애니메이션을 리얼 타임으로 렌더링 해주는 iOS, Android, React Native용의 풍부한 애니메이션으로 해주는 라이브러리 "Lottie"를 개발했다.
Lottie는 오픈 소스 애니메이션 작성 도구. 일반적으로 응용 프로그램에 애니메이션을 구현할 때 화면 크기에 맞게 대량의 이미지를 준비하거나 수천 개 행의 코드를 작성하거나 할 필요가 있지만, Lottie는 거의 아무것도 하지 않아도 자동으로 After Effects의 애니메이션 앱에 대한 풍부한 애니메이션으로 변환 해주는 것.
라이브러리는 bodymovin이라 부르는 After Effects의 확장기능에 의해 출력 된 JSON 파일이 기반이 되고있다.
Airbnb의 블로그에서는, Lottie는 After Effects의 애니메이션의 내용을 찾아 자동으로 베젤 곡선을 그려주는 등 거의 아무것도 하지 않아도 앱용 리치 애니메이션이 완성된다고 설명되어 있다. 현재 Lottie가 지원하는 것은 shape layer, dash pattern, mask 등, 아직 지원되는 기능은 제한적이지만, Airbnb의 엔지니어는 "많은 After Effects의 기능을 지원하는 것"을 목표로하고 있어 향후 앱 개발을 추진함과 동시에 응용 프로그램은 또한 진화 예정이다.
또한, Lottie를 사용하려면, 먼저 bodymovin을 설치해야 한다. 그리고 bodymovin을 설치 한 후 Android용의 Lottie 라이브러리는 다음 링크에서 액세스 할 수 있다. https://github.com/airbnb/lottie-android
iOS 용의 Lottie는 이쪽...https://github.com/airbnb/lottie-ios
React Native용 Lottie는 여기에서 확인할 수 있다. https://github.com/airbnb/lottie-react-native