Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Any non elastic/linear easing's do not work #24

Open
michaelketzer opened this issue Jan 2, 2021 · 3 comments
Open

Any non elastic/linear easing's do not work #24

michaelketzer opened this issue Jan 2, 2021 · 3 comments

Comments

@michaelketzer
Copy link

Any of the easing functions do not work.

<AnimatedNumber value={20} easing={'easeInQuart'} formatValue={(value) => {
    console.log(value)
    return value;
}}/>

Received value on formatValue is "0", during the animation it is "NaN" and at the complete it is "20".

@giveli
Copy link

giveli commented May 27, 2021

Does anyone have the answer please ?

@StoneMoney
Copy link

This is because the author is using a static version of anime.js which at the time only had
'Quad', 'Cubic', 'Quart', 'Quint', 'Sine', 'Expo', 'Circ', 'Back', 'Elastic'
rather than the modern versions that contain much more than that.

@nobi1007
Copy link

Seems like only following works as of now linear, easeInElastic, easeOutElastic, easeInOutElastic.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants