Phaser 3图像动画

Question

好了，伙计们，我要用Phaser3写一个游戏，这是我第一次使用Phaser。我需要写一个旋转旋转游戏(其中您旋转并赢得一些东西)。这里是一个示例图像的微调，为您了解的想法。

​

所以现在我需要在几秒钟内将这个旋转器旋转到某个定义的角度。所以我的问题是，相位器3是否有一些旋转动画，我可以说在几秒钟内将图片旋转到某个角度？或者我需要在Phaser3的update(time，delta)函数中处理它，然后自己做所有的计算？

Answer 1

是!您可以添加在特定时间为您执行旋转的Tween。有关更多详细信息，请查看此documentation。

下面是补间实现的一个示例：

this.tweens.add({
    targets: image, //your image that must spin
    rotation: rad, //rotation value must be radian
    duration: 1000 //duration is in milliseconds
});

Answer 2

您可以在update方法中使用setRotation旋转游戏对象。如果你想为你写一些管道，你应该使用相位补间。在你的用例中，看起来你也需要一个相位时间线，这只是一个补间顺序执行。Stackblitz Example。

给tweens的官方文档不值得一看。rex notes网站上有更好的例子来说明许多阶段主题，包括补间和时间线。Rex Notes Tweens。