javascript - 如何在 IMPACTJS 中反转动画

Question

我正在使用 ImpactJS 在 HTML5 和 JS 上创建游戏，当动画运行时，是否可以在任何帧反转动画帧流(不是翻转)？我用了rewind()，只能回到第一帧，有reverse()吗？

Answer 1

如果您不介意有点 hacky，那么从理论上讲，这样的事情应该可行:

animation.sequence = animation.sequence.reverse(); //Reverse the animation
animation.gotoFrame(animation.length - animation.frame - 1); //Set the frame to be the same frame as it was before.

基本上 ig.Animation() 类的序列属性决定了帧的运行顺序，更新只是根据计时器迭代它们。反转它，你就反转了动画。当您想要将动画重置为前进时，您可以再次使用相同的代码。

如果您想要播放完全反转的动画，您可能还需要执行 animation.rewind() 而不是 gotoFrame()。

否则，您可以使用 2 个动画并在切换动画时使用 gotoFrame() 以启动正确的帧。还要注意上面的代码将复制一帧动画，你想删除 -1 (查看源代码我认为这在 frame = 0 的情况下没问题)。