airbnb / lottie-web

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

Lottie File (.JSON) exported from After Effects not respected in QT (opacity and other effects) #3003

Open EdmundLeduc opened 1 year ago

EdmundLeduc commented 1 year ago

Tell us about your environment

What did you do? Please explain the steps you took before you encountered the problem. Created an animation directly in After Effects for a loading spinner for our UI, built in QT / QML code.

What did you expect to happen? Expected the lottie file to play properly including opacity, animation details etc

What actually happened? Please include as much relevant detail as possible. The animation file (see attached MP4 as an example) doesn't show up properly. I read somewhere to include a transparent fill layer to avoid cropping - this worked but now the transparent layer (red) shows up seemingly at 100% opacity.

The bigger issue is that the moving blue arc doesn't move, is a full circle - as if the trim paths did nothing at all?

Here is a screenshot of the issue

image

Please provide a download link to the After Effects file that demonstrates the problem. Please find the file here: https://drive.google.com/file/d/1r_lwqsOQ2gP_szDhaTkl1Fis8mhutNx9/view?usp=sharing

Video of what the animation should look like: https://drive.google.com/file/d/1-91M3vHIFxH6tTcY1fUYBrOfFAaEKIMt/view?usp=sharing