如何反转 Phaser 补间？

Question

在 Phaser 中，我使用补间来移动精灵点击按钮，即。

var tween = this.game.add.tween(sprite)
    .to({ y: destinationY) }, 400, Phaser.Easing.Bounce.InOut));
tween.start();

如何还原补间，以便当我单击另一个按钮时，精灵会回到原来的位置？

Answer 1

要在单击按钮时反转补间，只需让您的按钮运行一个补间即可。 :)

在您的特定情况下，除了您现在正在保存的 destinationY 之外，这可能还需要保存 originalY。

然后使用该值运行新的补间。

您现有的按钮是这样的：

// Save the sprites current position first to originalY.
var tween = this.game.add.tween(sprite)
    .to({ y: destinationY) }, 400, Phaser.Easing.Bounce.InOut));
tween.start();

然后在你的新按钮中使用它。

var tween = this.game.add.tween(sprite)
    .to({ y: originalY) }, 400, Phaser.Easing.Bounce.InOut));
tween.start();