Nach einem benutzerdefinierten Pfad in TweenJs

Question

Ich versuche, eine einfache Animation mit TweenJs .. Lets in Betracht ziehen, zwei Leute spielen Ball werfen. Ich habe es geschafft, den Ball auf einem linearen Weg zu bewegen. Aber es muss realistisch erscheinen. Ball sollte einem kurvigen Pfad folgen, wie es Schwerkraft gibt. Wie kann ich "Checkpoints" im Pfad definieren? Oder sollte ich meine Taktik ändern, um dieses Ziel zu erreichen? Vielen Dank im Voraus ..

Answer 1

Das kürzlich veröffentlichte TweenJS (Version 0.4.0, 12.02.2013) enthält ein MotionGuidePlugin. Die Benutzung ist ganz einfach:

// 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); 

Hier ist eine kurze Geige: http://jsfiddle.net/lannymcnie/qEYD4/1/

Weitere Informationen in der Dokumentation. http://www.createjs.com/Docs/TweenJS/classes/MotionGuidePlugin.html