Slide 1
Slide 1 text
Lottie for You
wasabeef
potatotips #37
Slide 2
Slide 2 text
About me
降矢 大地 (Daichi Furiya)
Google Developer Expert
AbemaTV, Inc.
@wasabeef_jp wasabeef
Slide 3
Slide 3 text
Lottie?
Slide 4
Slide 4 text
Lottie?
By
Slide 5
Slide 5 text
Lottie?
Slide 6
Slide 6 text
Lottie?
Slide 7
Slide 7 text
“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?
Slide 8
Slide 8 text
Flexible After Effects features
Manipulate your animation any way you
like
Small file sizes
Why Lottie?
Slide 9
Slide 9 text
After Effects?
Slide 10
Slide 10 text
After Effects?
By
Slide 11
Slide 11 text
After Effects?
Slide 12
Slide 12 text
“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?
Slide 13
Slide 13 text
BodyMovin?
Slide 14
Slide 14 text
“After Effects plugin for exporting
animations to svg/canvas/html + js”
BodyMovin?
Slide 15
Slide 15 text
Using Lottie
dependencies {
compile 'com.airbnb.android:lottie:x.x.x'
}
Slide 16
Slide 16 text
Using Lottie
Slide 17
Slide 17 text
Conclusion
Slide 18
Slide 18 text
Thank you.
twitter.com/wasabeef_jp
wasabeef.jp
github.com/wasabeef