Klicke irgendwo in den rechteckigen Canvas Bereich.
stage.addEventListener("stagemouseup", moveBall.bind(this)); function moveBall(evt) { var p = this.parent.globalToLocal(evt.stageX, evt.stageY); createjs.Tween.get(this.ball).to({x:p.x, y:p.y}, 1000, createjs.Ease.bounceOut) }
Das Objekt folgt der Maus, wenn man jedoch zu schnell klickt, oder anders ausgedrückt, wenn man erneut klickt bevor die Animation zur Maus abgelaufen ist, wird zuerst die vorige Animation beendet.
Abhilfe schafft hier die override Eigenschaft in der get() Funktion. Diese überprüft ob eine Animation läuft, wenn ja, wird diese abgebrochen oder man kann auch sagen überschrieben.
createjs.Tween.get(this.ball, {override:true}).to({x:p.x, y:p.y}, 1000, createjs.Ease.bounceOut)