Experiments >

Code animation: Derived tween

Experiment #1799th May, 2021by Joshua Nussbaum

What happens when there is a set of animation that need to act in concert?

One approach is create a new type of derived store that can pause, continue, reset, etc..

This is based off the animation store experiment.

The idea would work like this:

const storeA = animation(...)
const storeB = animation(...)
const derived = derivedAnimation([storeA, storeB])






  • The problem with this approach is you still need to trigger each underlying animation on it’s own with .set() or .update(). Maybe animation stores shouldn’t allow arbitrary value settings.
view all experiments

Stay tuned in

Learn how to add more experimentation to your workflow