search

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

Animation is playing as it should on web but it cracks up in mobile apps (ios & android) #2304

Open tomwilusz opened 4 years ago

tomwilusz commented 4 years ago

First of all many thanks for this amazing Bodymovin plugin - it is a game-changer!

I have a problem with a rendered file. As long as it runs smoothly on the web, it cracks up on mobile apps (both json & android). It looks like some of the expressions are not handled there.

If you look at https://lottiefiles.com/share/j4F5ZD when you preview on the Lottie app it appears different. Can you tell if I'm doing something wrong?

Screenshots: Web environment: http://prntscr.com/uiyvgf Mobile environment: http://prntscr.com/uiyw5c

What did you do? Please explain the steps you took before you encountered the problem. I have build up a scene with shapes and rigged characters with Limber tool. I connected every color change and object to a Master null thanks to which I can change colors & padding with a few simple clicks.

What did you expect to happen? Play animation on mobile apps the same as in Browser

What actually happened? Please include as much relevant detail as possible. This: http://prntscr.com/uiyw5c

Please provide a download link to the After Effects file that demonstrates the problem. Here is the Adobe After Effects project: https://drive.google.com/file/d/1T7gB47B4438XqKNbjsljTSNoIw7kIB7s/view?usp=sharing

bodymovin commented 4 years ago

Hi, it looks like you are using expressions. which are not supported on ios and android. Perhaps you can try checking the option to convert them to keyframes when exporting. Filesize might increase but it should work on all players.