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

Re:Introducing Lottie: Airbnb's tool for adding animations t... by gpeal on Wednesday February 01, 2017 @08:05PM (#13547135)

The performance does definitely depend on the complexity of the animation. Small icons like the hamburger menu, wish list heart, hamburger arrow, etc run at 60fps. Even the main Lottie logo (http://airbnb.design/lottie/) that has pretty complex trim paths renders at ~60fps.

Masks and mattes are the feature that incur the largest performance hit because they require allocating a bitmap (8 bit for mattes and 32 bit for masks), rendering to them, then drawing them back to the canvas.

[ Parent | on HN ]

Re:Introducing Lottie: Airbnb's tool for adding animations t... by kllrnohj on Thursday February 02, 2017 @02:07PM (#13553457)

That's not an answer to how does it perform. For example if the hamburger goes from 4ms/frame to 12ms/frame then lottie is crazy expensive, even though it's still "60fps" in the test app.

What is the actual end-to-end cost? Have you measured it at all?

[ Parent | on HN ]