Createjs 및 easlejs - 여러 점이있는 행에 애니메이션 적용

Question

두 개 이상의 점이있는 행을 트위닝하고 싶습니다. 두 지점의 예는 여기에서 찾을 수 있습니다 - 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); 
} 

희망 : 그것은 단지 개별적으로 각 지점을 애니메이션하는 for 루프가 http://jsfiddle.net/lannymcnie/zd1amd3k/

: 여기

빠른 샘플입니다.