airbnb / lottie-web

Render After Effects animations natively on Web, Android and iOS, and React Native. http://airbnb.io/lottie/
MIT License
30.54k stars 2.87k forks source link

Track Matte not working #2014

Open sweidmann opened 4 years ago

sweidmann commented 4 years ago

Tell us about your environment OSX 10.15.2

What did you do? Please explain the steps you took before you encountered the problem. I did export an animation with track mattes. (track mattes are color layers) Before I did the same trough masks, but I had some performance problems in firefox.

What did you expect to happen? Track mattes to work properly. (as if i render the animation to a mp4 or similiair)

What actually happened? Please include as much relevant detail as possible. The color layers, which are supposed to be track mattes, are shown as regular color layers.

Please provide a download link to the After Effects file that demonstrates the problem. https://www.dropbox.com/s/oe0m3v9fizotecl/20200226-lottie_Issue.aep?dl=0

Bildschirmfoto 2020-02-26 um 14 49 09

Thanks in advance!! Best, Samuel

bodymovin commented 4 years ago

Hi, where is it that it is not working? Can you share a link with the implementation?

sweidmann commented 4 years ago

Hi, thanks for your reply! If I test it on lottiefiles.com it works fine: https://lottiefiles.com/share/zAI6Rd When implemented to the website, the red layers (track mattes) appears (screenshot above):

https://dev03.samuelweidmann.com/ Lottie file: https://www.dropbox.com/s/spoxvp5rnsr7vj3/data.json?dl=0

Thanks & best, Samuel