Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Introducing Lottie: Airbnb's tool for adding animations to native apps

medium.com

Post reply on HN
Print view View original

51–60 of 101 posts

Re: Introducing Lottie: Airbnb's tool for adding animations to native apps

#52

Post by e1g »

lrichardson wrote: post #46
timhj wrote: post #45

Easier cross-device native animations puts a point in the 'app' column for the 'app v web-app' debate. nice one airbnb.

Stay tuned. It will work on the web as well :) (Note that you can do this _already_ with bodymovin on the web if you want to)

Huge if true :D

Thank you for porting this to the web. Right now we use a combination of react-motion, GSAP, D3 interpolation and other dark magic. A strong contender in this space is most welcome, especially if it's at a higher abstraction level.

Re: Introducing Lottie: Airbnb's tool for adding animations to native apps

#54

Post by kllrnohj »

gpeal wrote: post #11

Author of the Android side of things here. Feel Free to ask any questions!

One of the main reasons Android's VectorDrawable is only a small subset of SVG is to stick to only the subset of path drawing that performs reasonably well.

How does Lottie deal with this? I know it calls to canvas directly when possible, but canvas.drawPath() is not exactly fast, either. What does the performance actually look like?

Re: Introducing Lottie: Airbnb's tool for adding animations to native apps

#55

Post by lrichardson »

karlding wrote: post #53

Was the name was inspired by Charlotte "Lotte" Reiniger [1], one of the pioneers of silhouette animation? If not, that's one happy coincidence! [1] https://en.wikipedia.org/wiki/Lotte_Reiniger

Indeed it is! See https://github.com/airbnb/lottie-react-native#why-is-it-call...

Re: Introducing Lottie: Airbnb's tool for adding animations to native apps

#56

Post by buba447 »

karlding wrote: post #53

Was the name was inspired by Charlotte "Lotte" Reiniger [1], one of the pioneers of silhouette animation? If not, that's one happy coincidence! [1] https://en.wikipedia.org/wiki/Lotte_Reiniger

It absolutely was! Theres s shout out to her and her amazing work on the github readme! Love her work! :)

Re: Introducing Lottie: Airbnb's tool for adding animations to native apps

#57

Post by karlding »

lrichardson wrote: post #55
karlding wrote: post #53

Was the name was inspired by Charlotte "Lotte" Reiniger [1], one of the pioneers of silhouette animation? If not, that's one happy coincidence! [1] https://en.wikipedia.org/wiki/Lotte_Reiniger

Indeed it is! See https://github.com/airbnb/lottie-react-native#why-is-it-call...

I read through the blog post and skimmed the project site, but it never occurred to me to check the README. Thanks!

Re: Introducing Lottie: Airbnb's tool for adding animations to native apps

#58

Post by richforrester »

mxstbr wrote: post #23

This is huge. I did my first internship at a company that was half animators making huge TV ads you have seen, and half web devs/designers that made interactive (web) apps.[0] Lottie is, without a doubt, solving a huge problem in the industry. Previously, engineers were often stuck bolting animations and transients onto static PSDs, or designers fighting to communicate what they wanted an animation to be like. This c…

> Now I just need to learn After Effects

Kinda scares me that After Effects (video manipulation tool) will be used for web animation.

Photoshop all over again?

.ps: I'm in the same boat of having to learn AE. Or at least improve on my basic knowledge of it.

Re: Introducing Lottie: Airbnb's tool for adding animations to native apps

#59

Post by buba447 »

richforrester wrote: post #58
mxstbr wrote: post #23

This is huge. I did my first internship at a company that was half animators making huge TV ads you have seen, and half web devs/designers that made interactive (web) apps.[0] Lottie is, without a doubt, solving a huge problem in the industry. Previously, engineers were often stuck bolting animations and transients onto static PSDs, or designers fighting to communicate what they wanted an animation to be like. This c…

> Now I just need to learn After Effects Kinda scares me that After Effects (video manipulation tool) will be used for web animation. Photoshop all over again? .ps: I'm in the same boat of having to learn AE. Or at least improve on my basic knowledge of it.

After Effects isn't a video manipulation tool. Video manipulation is one of its capabilities, it is also capable of motion graphics and animating vector shapes. This library works off the vector shape side of after effects.
Post reply on HN