如何在精灵上更改精灵动画的速度

How to change speed of a sprite animation on Spritely?

本文关键字：精灵 动画 速度      更新时间：2023-09-26

我一直在反复阅读Spritly文档，但找不到解决方案。

我有一个由4帧组成的精灵。我想无休止地为它设置动画，但每次迭代：第一帧为99毫秒，接下来的3帧为11毫秒。

如何实现第一帧的减速？

做这件事的语法根本不清楚，我尝试过的所有东西都失败了。

提前感谢您的帮助：）

$('#test')
.sprite({fps: 6, no_of_frames: 4})
});

根据我的发现，有些调用允许速度，比如随机调用。他们举了一个例子：

$('#bird')
      .sprite({fps: 8, no_of_frames: 3})
      .spRandom({
          top: 70,
          left: 100,
          right: 200,
          bottom: 340,
          speed: 4000,
          pause: 3000
      });

允许速度。精灵调用似乎没有。另一个速度属性似乎在背景上显示，但它可能值得一试。他们的例子：

$('#trees').pan({fps: 30, speed: 2, dir: 'left'});

或

$('#hills').spSpeed(20);

至于问题的第二部分，精灵可以通过on_frame函数在N帧上做任何事情。同样，根据他们的文件：

on_frame: { // note - on_frame is an object not a function
        8: function(obj) { // called on frame 8
            obj.spState(2); // change to state 2 (row 2) on frame 8
        },
        16: function(obj) { // called on frame 16
            obj.spState(3); // change to state 3 (row 3) on frame 16
        }
    }
相关文章：