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


Slide 4

Slide 4 text

Lottie? By

Slide 5

Slide 5 text


Slide 6

Slide 6 text


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


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 '' }

Slide 16

Slide 16 text

Using Lottie

Slide 17

Slide 17 text


Slide 18

Slide 18 text

Thank you.