One-off animation with rAF

one-off-animation.js

function oneOffAnimation(from, to, duration, easing, onUpdate, onComplete) {
  var t = new TWEEN.Tween(from)
    .to(to, duration)
    .easing(easing)
    .onUpdate(onUpdate)
    .onComplete(function _onComplete() {
      t.done = true;
    });

  var self = this;
  function tick(ts) {
    if (!ts) {
      ts = +(new Date());
    }

    t.update(ts);

    if (t.done) {
      onComplete();
    } else {
      requestAnimationFrame(tick);
    }
  }

  t.start();
  requestAnimationFrame(tick);

  return t;
};