Generators – good for tweening?

tween.js

const state = {
  position: 10,
};

const tween = function* ({ from, to }) {
  let frames = 60;

  while ( from !== to ) {
    from = yield from + ( to - from ) / frames;
    frames--;
  }
};

const draw = t => {
  const { done, value } = t.next( state.position );

  if ( !done ) {
    state.position = value;
    console.log( state.position );

    window.requestAnimationFrame(() => {
      draw( t );
    });
  }
};

const updatePosition = to => {
  const t = tween({ from: state.position, to });
  
  window.requestAnimationFrame(() => {
    draw( t );
  });
}

updatePosition( 500 );