question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bodymovin and masks (edit: issue w/ expressions)

See original GitHub issue

Hi,

I’m trying to learn a bit about After Effects, so I made a new animation. However, I can’t figure out how to use masks so that Bodymovin understands it correctly to export it. It works well enough on After Effects itself and on the Bodymovin preview, but the mask doesn’t seem to work on lottie-ios: https://gfycat.com/uncomfortableevilfireant (After Effects on the left, iOS simulator on the right)

Through my searches, I found a lot of questions about bodymovin and masks, but there were a lot of different approaches, even workarounds. I guess it would be nice to have a set of dos and don’ts about Bodymovin and Masks. Any tips?

You can download my project here: https://we.tl/t-DQEcGUHNU2

Thanks in advance 😃

=================================================================

SOLUTION:

It was a problem with the expressions I used to link properties together. All I had to do is remove them and replicate any transformations on them.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5

github_iconTop GitHub Comments

1reaction
bodymovincommented, Feb 18, 2020

Hi, lottie-ios and lottie-android don’t support expressions. Can you try removing them and see if it works?

0reactions
iurichibacommented, Feb 18, 2020

Hi, lottie-ios and lottie-android don’t support expressions. Can you try removing them and see if it works?

Hi!

I removed the expressions and replicated any animations with those properties and it worked fine. It wasn’t a problem with the mask after all, hahaha!

Thank you very much 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Bodymovin - Lottie - aescripts + aeplugins
Expression sliders are supported. General supported properties. transform (rotate,scale,position,anchor point, opacity); time remap; masks (additive ...
Read more >
Android JSONs, Overlapping Masks, and Embedding Type
Exporting With Bodymovin — Android JSONs, Overlapping Masks, and Embedding ... in the Lottie preview, we'll solve that issue today for you.
Read more >
Create Lottie Animations in After Effects - The Ultimate Guide!
The Ultimate Guide to Become a Product Designer: https://learnproduct.design In this tutorial, we will create Lottie Animations and After ...
Read more >
bodymovin | Yarn - Package Manager
V 3.0.8. changed masks to clipping paths when only using AE additive masks. Performance improvement and fixes issue with strokes. ... V 3.0.5....
Read more >
readme.pdf - Cultural Orientation Resource Exchange
FEATURE: added support for mask opacity in expressions ... FEATURE: Bodymovin panel with new advanced settings to reduce filesize.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found