Experiment with Animation Component API

[hmans]

Maybe such a thing already exists, but also maybe not? The goal is to find a nice JSX API for composing animations -- possibly with the help of the components from Timeline Composer.

Thinking of the following:

{/* Animated wraps a <group> that will have its properties animated */}
<Animated>
  <mesh>{/* ... */}</mesh>

  {/* Animation is a new component that interacts with the parent <Animated> */}
  <Animation property="scale" from={0} to={1} duration={2} ease="cubic-out" />

  {/* Delay is from Timeline Composer */}
  <Delay seconds={5}>
    <Animation property="scale" to={0} duration={2} ease="cubic-out" />
  </Delay>
</Animated>