search

airbnb / lottie-web

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

Lottie file exported is making my animation rotate weirdly #2624

Open arjunkumar1108 opened 3 years ago

arjunkumar1108 commented 3 years ago

Tell us about your environment Mac Book Pro Big Sur 11.1

Problem I have made an animation of a plane flying and the Lottie plugin isn't exporting it properly. Animation: https://lottiefiles.com/share/cislbcas

Browser and Browser Version Google Chrome 92.0.4515.159

After Effects Version Adobe After Effects CC 2020 18.4.1 Build 4 LottieFiles Plugin v1.0.0

What I did in the AE file When the logo flies in and comes into the center for the first time, I split the layer and start a new layer path to make the plane logo animate in its next path backward and then fly off. In the first path, the logo is oriented to the path of the object and when I split the layer, that's when my Lottie exported file rotates weirdly!!!

What did you expect to happen? I expected the animation to export the way it was in my AE file, however it rotates and glitches in a weird way.

What actually happened? Please include as much relevant detail as possible. When my layer 5 ends in AE my Lottie file export twists and rotates. That should not happen as the layer ends at that point!

After Effects File https://drive.google.com/file/d/1Te5Q81xD2FK-Yo_lvpInzm7D4z6SgXbX/view?usp=sharing

arjunkumar1108 commented 3 years ago

Please help! Am really confused about this :/

bodymovin commented 3 years ago

hi, it's probably related to auto-orienting the layer and lottie interpolating between frames. Can you try using the setSubframe method set to false and check if that fixes it?