title: Animating Paper.js path segments & handle info
body: <p>I'm trying to animate between two complex paths using Paper.js and Tween.js. I've gotten pretty close, I can move all of the points in the path to the correct final positions, but I'm having problems with the handleIn and handleOut for each segment. It doesn't seem to be updating them.</p>
  
  <p>Here's my code: <a href="http://codepen.io/anon/pen/rVBaZV?editors=101" rel="nofollow">http://codepen.io/anon/pen/rVBaZV?editors=101</a></p>
  
  <pre><code>var endPathData = 'M740,342.9c-32,...etc...';
  var endPath = new Path(endPathData);
  endPath.fillColor = '#4CC7A4';
  
  beginPathData = 'M762.8,262.8c-48,...etc...';
  var beginPath = new Path(beginPathData);
  beginPath.fillColor = '#FFC1D1';
  
  var numberOfSegments = beginPath.segments.length;
  
  for (var i = 0; i &lt; numberOfSegments; i++) {
      var tween = new TWEEN.Tween(beginPath.segments[i].point)
          .to({
          x: endPath.segments[i].point.x,
          y: endPath.segments[i].point.y
      }, 3000)
          .easing(TWEEN.Easing.Linear.None)
          .start();
  }
  
  view.draw();
  
  view.onFrame = function (event) {
      TWEEN.update();
  };
  </code></pre>
  
  <p>I'd like the pink path to end up exactly like the green one, but now I'm stuck. Is there anyway to achieve this?</p>