Lottie for You

Introduction to Airbnb Lottie.

Transcript

1. Lottie for You wasabeef potatotips #37
2. About me 降矢 大地 (Daichi Furiya) Google Developer Expert AbemaTV, Inc. @wasabeef_jp wasabeef
3. Lottie?
4. Lottie? By
5. Lottie?
6. Lottie?
7. “Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.” Lottie?
8. Flexible After Effects features Manipulate your animation any way you like Small file sizes Why Lottie?
9. After Effects?
10. After Effects? By
11. After Effects?
12. “The industry-standard animation and creative compositing app lets you design and deliver professional motion graphics and visual effects for film, TV, video, and web.” After Effects?
13. BodyMovin?
14. “After Effects plugin for exporting animations to svg/canvas/html + js” BodyMovin?
15. Using Lottie dependencies { compile 'com.airbnb.android:lottie:x.x.x' }
16. Using Lottie <com.airbnb.lottie.LottieAnimationView android:id="@+id/animation_view" android:layout_width="wrap_content" android:layout_height="wrap_content" app:lottie_fileName="hello-world.json" app:lottie_loop="true" app:lottie_autoPlay="true" />
17. Conclusion
18. Thank you. twitter.com/wasabeef_jp wasabeef.jp github.com/wasabeef