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

Question

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

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

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

Answer 1

我觉得你的代码很好，补间应该按预期在图块精灵上工作。

你要开始补间了吗？您可以使用 '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 查看“播放”和“创建”选项卡

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

Phaser.io - Is it possible to move tileSprite.tilePosition to a particular target with a tween?

javascript

phaser-framework