원형 경로의 비트 맵 회전 CreateJS Tweenjs

Question

원형 경로에서 새를 회전하려고하지만 문제는 에서까지 정확한 방법으로 제어 할 수 없기 때문에 새를 이동하려고합니다. 회전으로 위아래로 움직입니다.

가 여기 내 바이올린 내가 원을 회전 할 http://jsfiddle.net/HF765/142/

var tween = createjs.Tween.get(shape, {loop: true}) 
    .to({x: 100 , y: 100, rotation: 0}, 0) 
    .to({x: 200 , y: 200, rotation: 90}, 2000) 
    .to({x: 100 , y: 300, rotation: 180}, 2000) 
    .to({x: 0 , y: 200, rotation: 270}, 2000) 
    .to({x: 100 , y: 100, rotation: 360}, 2000) 

이다, 어떤 도움은 매우 극명하게 될 것이다.

감사

Answer 1

회전은 귀하의 예제에서 제대로 작동하는 것 같군,하지만 당신은 (직선 패스) 다이아몬드 모양 주변의 새를 트위닝, 그래서 그것은 이상한 보인다.

찾고있는 효과를 얻는 쉬운 방법 중 하나는 regX과 regY을 사용하여 새의 중심점을 오프셋 한 다음 회전시키는 것입니다. 새가 종이 조각으로 절단되었다고 상상했다면, 이것은 스틱을 중심에서 아래쪽으로 향하게하고 스틱을 사용하여 회전시키는 것과 같습니다. 여기에 예를 참조하십시오

http://jsfiddle.net/HF765/143/

또 다른 옵션은 TweenJS의 MotionGuidePlugin 살펴 보는 것입니다. 작업하기가 더 복잡하지만 대상을 경로를 따라 회전시키는 기능을 포함하여 많은 제어 기능을 제공합니다.

http://www.createjs.com/Docs/TweenJS/classes/MotionGuidePlugin.html