Seguendo un percorso personalizzato in TweenJs

Question

sto provando a progettare una semplice animazione con TweenJs .. Consideriamo due persone che giocano a lanciare palla. Sono riuscito a muovere la palla in un percorso lineare. Ma deve sembrare realistico. La palla dovrebbe seguire un percorso sinuoso come c'è gravità .. Come posso definire "punti di controllo" nel percorso? O dovrei cambiare la mia tattica per raggiungere quell'obiettivo? Grazie in anticipo ..

Answer 1

Il TweenJS rilasciato di recente (Versione 0.4.0, 12 febbraio 2013) contiene un MotionGuidePlugin. L'utilizzo è piuttosto semplice:

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

ecco un breve violino: http://jsfiddle.net/lannymcnie/qEYD4/1/

Maggiori informazioni nella documentazione. http://www.createjs.com/Docs/TweenJS/classes/MotionGuidePlugin.html