Phaser 3图像动画

Question

好的，我有一个游戏要用 Phaser3 编写，这是我第一次使用 Phaser。我需要编写一个旋转微调游戏（你旋转一个微调并赢得一些东西）。这是一个微调器的示例图像，供您理解。

所以现在我需要在规定的秒数内将微调器旋转到规定的角度。所以我的问题是，Phaser 3 是否有一些旋转动画，我可以说在几秒钟内将图片旋转到某个角度？还是需要在Phaser3的update(time,delta)函数中处理，全部自己计算？

Answer 1

您可以在更新方法中使用setRotation 来旋转游戏对象。如果你想要一些为你编写的管道，你应该使用移相器补间。在您的用例中，您似乎还需要一个移相器时间轴，它只是按顺序执行的补间。 Stackblitz Example.

补间的官方文档不值得一看。 rex notes 站点有许多相位器主题的更好示例，包括补间和时间线。 Rex Notes Tweens.

Answer 2

是的！您可以添加一个 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
});

Phaser 3图像动画

Phaser 3 image animation

javascript

animation

phaser-framework