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

21–30 of 101 posts

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

#21

Post by [deleted] »

hsavit1 wrote: post #18
buba447 wrote: post #8

Earlier quoted context omitted.

I can! I built out the iOS side of the project. Aside from supporting as many after effects features as possible we wanted push what could be done with animation. One example in the current version is using exported after effects files as animated transitions between view controllers. In the future we hope to support more programmatic and interactive uses of animations built in after effects.

So after effects is controlling the shared element transitions?

[deleted]

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

#22

Post by spbaar »

gpeal wrote: post #11

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

Are the frames drawn to a bitmap first or straight to a canvas? Can a single animation object display different parts of itself in different stages of that animation, or would a duplicate animation object be required?

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

#23

Post by mxstbr »

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 completely get rids of the problem!

I can't wait to try this out. Now I just need to learn After Effects...

[0]: https://animade.tv

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

#24

Post by film42 »

buba447 wrote: post #4

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

Off topic, but why is the iOS app so big? It's currently 130MB, which is almost 3x larger than the Android app and 10x larger than what I'd expect. Are you guys planning on slimming the app down? Is that 130MB mostly libraries you depend on, or is it mostly fonts, images and other assets? Thanks!

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

#29

Post by lee_a »

clay_to_n wrote: post #25

Any plan for a web React version? Or are CSS + JS in a good enough state where a new tool isn't necessary?

The file format/After Effects exporter used is from:

https://github.com/bodymovin/bodymovin

which was pretty simple to use.

I saw Lottie first, found bodymovin, and had an After Effects animation in our React app in about 15 minutes.

edit: I'm not affiliated with either project.

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

#30

Post by chris_7 »

film42 wrote: post #24
buba447 wrote: post #4

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

Off topic, but why is the iOS app so big? It's currently 130MB, which is almost 3x larger than the Android app and 10x larger than what I'd expect. Are you guys planning on slimming the app down? Is that 130MB mostly libraries you depend on, or is it mostly fonts, images and other assets? Thanks!

You can download the IPA itself and check (they're just zips). Spoiler alert is that the binary (unzipped) is 130mb, but I think this contains multiple architectures.
Post reply on HN