Lottie & LottieFiles Introduction

My sharing with Fusion squad

Transcript

1. Lottie & LottieFiles Introduction Fusion Squad - NICV Presenter: Hieu Vu
2. Table of contents 1. History 2. What? 3. Why? Lottie vs GIF 4. How?
3. History • 2010: Motion designers created, passed to developers to implement • 2015: Hernan Torrisi conceived the idea of the representation in AE, render animation at run-time. Released Bodymovin to export animations with JSON description • 2017: Engineers at Airbnb built Android & iOS libs that could render JSON animation LottieFiles launched • 2018 - Present: Microsoft & .Net Foundation, Samsung, release their own libs for rendering Lottie
4. What? • Lottie: JSON-based animation file format,can scale up or down without pixelation • LottieFiles: a platform for animators & developers to test, share, showcase their animations LottieFiles is independent of Airbnb
5. Why? • Resolution independent • Scale at run-time • Super small size • Multiple platforms • Highly customization
6. Lottie vs GIF Lottie GIF • Small in size • High quality • Customization • Large in size • Low quality when scale • Hard to change
7. Lottie vs GIF - Performance Lottie GIF
8. Lottie vs GIF - Numbers never lie Lottie GIF • CPU: ~26%. Decrease when no computation • Memory: 88MB • Battery: Medium. Decrease when no computation • CPU: ~22%. Always • Memory: 98MB • Battery: Medium. Always Android Comparison Video
9. Lottie vs GIF
10. How to add Lottie to Android app? Android demo
11. THANK YOU ! hieuwu hieuwu hieuwu99