Lottie-web: Simple alpha track Matte masking issue

[itsanthonymeric]

Hi,

Browser Version: Google Chrome (Version 75.0.3770.142)
After Effects Version: CC 2019 16.1.1

I have a simple path animation in AE and I'm trying to mask it with an alpha track matte. I created a .json file with bodymovin and I found that the mask doesn't work correctly in the browser.
It's a very simple animation, no effect, only shapes and alpha track matte.

• AEP file: https://www.dropbox.com/s/p3clr8764orp0ql/t.aep?dl=0
• JSON file: https://www.dropbox.com/s/p795b77o6tdceu0/t10.json?dl=0
• HTML Demo file: https://www.dropbox.com/s/ac9iuumviipyut8/demo.html?dl=0

Thanks a lot for your help!

Anthony

[itsanthonymeric]

I finally found the workaround by adding a rectangle inside the shapes (not the masks) with a fill and its opacity turned to 0%.
All the masks work perfecly fine now!

[ision-industries]

@itsanthonymeric I might be struggling with the same issue. So from my understanding for this project you had one shape layer and another layer that is the track matte mask?

Where did you add the rectangle? The animated path layer or the track matte mask layer?

[itsanthonymeric]

@ision-industries basically, no track mask, instead I precomposed the shape layer, then used a regular mask animated on the comp and it worked just fine.

[ision-industries]

@itsanthonymeric would you happen to have the AE project file with the fixed workaround by chance? I am still struggling with this problem and maybe your workaround might help, I just want to see how your project is structured.