두 번째 트윈을 추가 할 때 Kineticjs 트윈이 작동하지 않습니다.

Question

두 개의 트윈이 서로 충돌하는 것 같습니다. 하나만 만들면 둘 다 잘 작동합니다. 첫 번째 트윈 (flipUp)을 둘 다 만들면 x가 더 이상 움직이지 않습니다. 두 번째 (일치) 잘 작동합니다. 일치 항목을 변경하고 x : 및 y :를 제거하고 불투명하게 만들면 둘 다 정상적으로 작동합니다.

사례 1 : 플립업의 x :는 무시됩니다.

this.flipUp = new Kinetic.Tween({ 
           node: this.group, 
           duration: 0.5, 
           scaleX: 0, 
           x: this.position.x + (width/2), 
           onFinish: this.endFlipUp.bind(this) 
           }); 

this.match = new Kinetic.Tween({ 
           node: this.group, 
           duration: 0.5, 
           x: 0 - width*2, 
           y: 0 - height*2, 
           onFinish: this.endMatch.bind(this) 
           }); 

사례 2 : 잘 작동합니다.

this.flipUp = new Kinetic.Tween({ 
           node: this.group, 
           duration: 0.5, 
           scaleX: 0, 
           x: this.position.x + (width/2), 
           onFinish: this.endFlipUp.bind(this) 
           }); 

this.match = new Kinetic.Tween({ 
           node: this.group, 
           duration: 0.5, 
           opacity: 0, 
           onFinish: this.endMatch.bind(this) 
           }); 

당신이 x 속성이 개 트윈을 사용하는 kineticjs 첫 번째 경우에

Answer 1

의 최신 버전 5.1을 사용. 해당 트윈을 동시에 시작하는 경우 예기치 않은 동작이 발생합니다. 트윈이 끝날 때 x 속성에서 예상되는 내용은 무엇입니까? this.position.x + (width/2) 또는 0 - width*2? 다른 시간이나 다른 속성으로 이러한 트윈을 사용하십시오.