Createjsとeaslejs - 複数の点で線をアニメ化する

Question

2点以上の線をトゥイーンしたいと思います。 2点の例は、ここで見つけることができます - https://jsfiddle.net/gskinner/17Lk8a9s/1/

は、しかし、私はパス

 var path = [0,0,0,100,200,200]; 

の配列を持っているどのように私はcreateJS/tweenJSの配列に応じて、この行をトゥイーンすることができますか？

Answer 1

各ポイントを別々にアニメーション化するだけです。助け

for (var i=0, l=pathStart.length; i<l; i+=2) { 
    var cmd = shape.commands[i] = (i == 0) 
    ? g.moveTo(pathStart[i], pathStart[i+1]).command 
    : g.lineTo(pathStart[i], pathStart[i+1]).command; 

    var duration = Math.random() * 2000 + 1000; 

    createjs.Tween.get(cmd, {loop:true}) 
    .to({x:pathEnd[i], y:pathEnd[i+1]}, duration, createjs.Ease.quadIn) 
    .to({x:pathStart[i], y:pathStart[i+1]}, duration, createjs.Ease.quadOut); 
} 

希望：それはちょうど、別途各ポイントをアニメーション化するためのループがある http://jsfiddle.net/lannymcnie/zd1amd3k/

：ここ

は、迅速なサンプルです。