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

Feature: add spring physics based animation #33

Closed
sc0ttj opened this issue Mar 1, 2021 · 1 comment
Closed

Feature: add spring physics based animation #33

sc0ttj opened this issue Mar 1, 2021 · 1 comment

Comments

@sc0ttj
Copy link
Owner

sc0ttj commented Mar 1, 2021

"Spring-based" animations are animations that use spring-based physics to determine the duration of the animation, as well as the "bounciness", friction, speed, etc.

These kinds of animations are much more flexible and responsive than traditionally "tweened" animations - where you usually define a fixed duration, from/to value, a fixed easing function, etc.

There's loads of widely-used spring-based animation libraries for React, so Component should have one too - in the form of a lightweight, optional add-on like tweenState.

Each of the following candidates are decent because:

  • a nice API
  • less than 2kb minified and gzipped
  • ideally can set all these spring settings: mass, friction, dampening, tolerance/precision
  • at least some nice callbacks (easy to extend) like onStart, onUpdate, onFinish, etc

Here's a list:

@sc0ttj
Copy link
Owner Author

sc0ttj commented Mar 11, 2021

Done. Added https://github.com/raphaelameaume/lemonade-spring as springTo addon..

@sc0ttj sc0ttj closed this as completed Mar 11, 2021
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

1 participant