Lottie for You

6dd0483f1353a4a359e92633cfd65c64?s=47 Daichi Furiya (Wasabeef)
February 15, 2017
Programming
1
2.9k

Lottie for You

Introduction to Airbnb Lottie.

6dd0483f1353a4a359e92633cfd65c64?s=128

Daichi Furiya (Wasabeef)

February 15, 2017
Tweet

More Decks by Daichi Furiya (Wasabeef)

See All by Daichi Furiya (Wasabeef)
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
2
680
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
16
12k
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
4
1.1k
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
1
320
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
5
820
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
6
4.1k
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
3
280
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
1
1.7k
6dd0483f1353a4a359e92633cfd65c64?s=48 wasabeef
5
350

Other Decks in Programming

See All in Programming
4131d2f57a0db2a2b4d9a62bd389fd44?s=48 tarcieri
0
260
A10e41b0a61d59f2258d7f6172c33479?s=48 kaityo256
0
440
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
1
950
3e049ed33195d00a8b745b16c63dce6e?s=48 leew
0
140
Af64bc38c0ffcfcabdf430759ee491ce?s=48 lovee
2
190
F54b73a93fb75a12fa6c28b26ca0bb62?s=48 kawakawaryuryu
0
130
9ae4f3862d4cb0771cfd36e43252f755?s=48 kurotanshi
0
250
C5992092ded9844119ac381eb855873d?s=48 akshaychordiya
1
100
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
0
120
D882856fd493248c73331872a516d1b5?s=48 exsoul
1
120
E48bd6aeb77b88d5762cd5d96e2c397d?s=48 wen_liao
2
1.1k
Bdd3fb3269e67bbc512f2530c409a926?s=48 tnishinaga
12
6.3k

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
99
5.7k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
51
2.6k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
144
11k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
196
19k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
333
15k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
2
420
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
70
3.3k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
253
36k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k

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