search

airbnb / lottie-web

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

Animation is buggy on Android/IOS/Weak laptops #2821

Open KPABOOKING opened 2 years ago

KPABOOKING commented 2 years ago

Hello everyone, I am observing the problem of animation playback through scrolling. On a more or less average PC, everything is OK, but on weak laptops or on Androis/iOS, it's just a slideshow.

Code: `

`

https://youtube.com/shorts/SQ8c0et5l6Q?feature=share - clearly about the problem in the video.

bodymovin commented 2 years ago

hi, can you share more information about what the problem is? With the video the issue is not very clear

KPABOOKING commented 2 years ago

I use lottie animation, outputting it using bodymoving.js In the Chrome Android browser, there are twitches when scrolling (clearly shown in the video) - phone:redmi note 9s, chrome version is the latest. In firefox, the problem is also observed, in the form of 30fps, instead of 60fps. On weak laptops running Mac OS, the problem is the same. Link to problem: link

KPABOOKING commented 2 years ago

Problem on laptop mac os: https://youtu.be/fR9aODY2nYg