javascript - Phaser.io - 是否可以使用补间将tileSprite.tilePosition移动到特定目标？

Question

我正在创建一个简单的老虎机，目前使用 TileSprite 来实现我想要的效果 - 旋转。到目前为止，一切正常。但是，在计时器停止初始旋转后，我想将纹理平滑地滚动到正确的“结果”位置:

R1TimerTrigger: function()
{
    R1Scroll = false;
    game.add.tween(SpriteReel[0].tilePosition).to( { y: R1Result }, 1000, Phaser.Easing.Bounce.Out, false);
}

存在一些直接问题，因为显然 native 补间无法识别子项的属性。有没有办法解决这个问题，或者有一种不使用补间来实现结果的替代方法？

Answer 1

您的代码对我来说看起来不错，并且补间应该按预期在图 block Sprite 上工作。

你要开始补间吗？您可以使用“true”作为“autoStart”参数自动启动补间

to(properties, duration, ease, autoStart, delay, repeat, yoyo) 

game.add.tween(SpriteReel[0].tilePosition).to( { y: R1Result }, 1000, Phaser.Easing.Bounce.Out, true);

这里的工作示例 https://phaser.io/sandbox/edit/iTLritEj 查看“播放”和“创建”选项卡