Ich benutze create.js's tween.js. Ich versuche, eine Bounce-Animation zu erstellen, die komplexer ist als die angegebene. Insbesondere versuche ich, Objekte yeher durch einen Versatz als durch eine bestimmte Koordinate zu verschieben. Es scheint, als gäbe es einen einfachen Weg, dies zu tun:
createjs.Tween.get(circle, {loop:false}).to({offset-x: 100}, 1000, createjs.Ease.linea);
Letzte Frage: Wie kann ich die Koordinaten eines Objekts anhand seiner aktuellen Position verschieben?
Wenn Sie eine Tween-Instanz erstellen, erstellen Sie eine deterministische Animation. Dies bedeutet, dass Sie die Position des Tweens auf einen beliebigen Wert (zwischen 0 und 1) festlegen können, und zwar dort, wo Sie ihn erwarten.
Wenn ich verstehe, was Sie fragen, möchten Sie ein Tween im Voraus erstellen, aber die aktuelle Position des Objekts anstelle des Werts verwenden, bei dem das Tween erstellt wurde. Wenn dies der Fall ist, benötigen Sie einen anderen Ansatz. Vielleicht sollten Sie das Tween bei Bedarf und nicht bei Bedarf bei Bedarf generieren. Auf diese Weise könnte Ihre aktuelle Position verwendet werden.
Hier ist ein kurzes Beispiel: http://jsfiddle.net/x4xxwjuv/ Der Ball bewegt sich mit einer konstanten Geschwindigkeit, aber wenn Sie auf die Schaltflächen klicken, wird es:
Dann bewegt es sich wieder normal. Der zwischengeschaltete Ball ist gefüllt, der animierte nicht.
Hier ist ein Beispielcode von der Spitze.
createjs.Tween.get(ball)
.to({x: ball.x+(ball.xSpeed*-4), y:ball.y+(ball.ySpeed*-4)}, 1000, createjs.Ease.bounceOut);
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen