如何在IMPACTJS中反转动画

时间:2011-12-07 12:05:41

标签: javascript html5-animation

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

3 个答案:

答案 0 :(得分:4)

如果你不介意有点像这样的东西应该在理论上工作:

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的情况下这将是正常的。)

答案 1 :(得分:0)

不,但您可以使用插件系统轻松编写自己的。

或者只是创建一个以enetity.currentAnim.frame开头的新动画,然后通过entity.sequence向后工作。然后将当前动画设置为新动画。

答案 2 :(得分:0)

没有我知道的反向

但你可以创建具有相反顺序的新动画 然后在需要的地方切换到那个动画