Physics based animation instead of Duration and Easing

Implement physics based animations like the React Native animated library. Instead of specifing duration and easing curves for animations/transitions, we can declare properties such as tension, friction and target value to animate using a physics based spring. Another animtion method is decay where you can declare an initial velocity and decays over time based on a set friction value.

I notice there is a spring class in https://www.fusetools.com/docs/fuse/physics/spring, but I’m not sure how to implement this in the UX code.

Here are some references to look at for physics based animations http://facebook.github.io/rebound-js/examples/ http://browniefed.com/react-native-animation-book/ https://www.youtube.com/watch?v=xDlfrcM6YBk

The Attractor class can be used to do pseudo-physics animations.

https://www.fusetools.com/examples/attractor