search

juliangarnier / anime

JavaScript animation engine
https://animejs.com
MIT License
50.45k stars 3.69k forks source link

Animation flickering #725

Closed ghost closed 4 years ago

ghost commented 4 years ago

See here: https://codepen.io/DennisYo/pen/ZEWNjEJ

or here: https://codepen.io/DennisYo/pen/rNegrWd

Seems like the bug described here hasn't been fixed yet: https://github.com/juliangarnier/anime/issues/577

Any suggestions on how to fix it?

iliedaniel commented 4 years ago

I don't think it's a bug; try to set easing: 'linear', the default one is easing: 'easeOutElastic(1, .5)'

juliangarnier commented 4 years ago

not a bug, the easeOutElastic(1, .5) values will oscillate between > 1 and < 1 before reaching 1. Try visualising the easings here https://animejs.com/documentation/examples/anime-ease-visualizer.html