javascript - 在 Phaser 上显示带有间隔的 Sprite 图像

标签 javascript animation canvas sprite phaser-framework

我有一个 Sprite ,其中每一帧都是需要单独显示的图像。 现在,我想要实现的是按间隔显示每个图像,比如说一秒或 2 秒。

到目前为止我已经尝试过:

var frames = [0, 13, 55, 22, 14];
var sprite;

$.each(frames, function (i, axis) {
    // x_axis, y_axis is dynamic
    sprite[i] = game.add.sprite(x_axis, y_axis, 'sprite', axis);
    sprite[i].animations.add('sprite' + i, [axis]);

    // I put 2 on second parameter hoping that it will prolong the interval
    // but it's not working. Sprites still shows fast like nothing change
    sprite[i].animations.play('sprite' + i, 2, false);
});

我还尝试将 Sprite 动画放入 setTimeout 中,但发生的情况是,它在开始时会有延迟,然后最终在 Canvas 上显示所有 Sprite 图像。

任何帮助。刚刚接触 Phaser。

最佳答案

播放时间值以每帧之间的每秒帧数延迟为单位。尝试更高的值。

关于javascript - 在 Phaser 上显示带有间隔的 Sprite 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25152914/

相关文章:

javascript - 如何延迟加载 jQuery 本身,特别是在使用 $(document).ready() 时

ios - UITableViewCell 动画错误

javascript - 使代码适用于多个链接

javascript - 为什么我的渲染器在使用 Jest 和 react-test-renderer 使用 Material-UI 时失败?

javascript - CoffeeScript 调用返回对象的方法(链接)

JavaScript Canvas 创建模式

java - 在小程序中绘制 Canvas

java - 从 SunAwtCanvas 获取纯文本

javascript - 如果在js.erb中确认

ios - tableView.moveRow 的自定义动画(位于 : to:)