Podążanie niestandardową ścieżką w TweenJs

Question

Próbuję zaprojektować prostą animację z TweenJs .. Pozwala rozważyć dwie osoby grające rzucanie piłki. Udało mi się przesunąć piłkę liniową ścieżką. Ale musi wyglądać realistycznie. Piłka powinna podążać krzywą ścieżką, tak jak jest grawitacja. Jak zdefiniować "punkty kontrolne" na ścieżce? Czy powinienem zmienić taktykę, aby osiągnąć ten cel? Z góry dzięki ..

Answer 1

Niedawno wydany TweenJS (wersja 0.4.0, 12 lutego 2013 r.) Zawiera MotionGuidePlugin. Użycie jest bardzo proste:

// Using a Motion Guide 
createjs.Tween.get(target).to({guide:{ path:[0,0, 0,200,200,200, 200,0,0,0] }},7000); 
// Visualizing the line 
graphics.moveTo(0,0).curveTo(0,200,200,200).curveTo(200,0,0,0); 

Oto szybki skrzypce: http://jsfiddle.net/lannymcnie/qEYD4/1/

Więcej informacji w docs. http://www.createjs.com/Docs/TweenJS/classes/MotionGuidePlugin.html