在相位器上显示带有间隔的精灵图像
Show Sprite Image with intervals on Phaser
我有一个精灵,其中每一帧都是需要单独显示的图像。现在,我想要实现的是用间隔来显示每个图像,比如1秒或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);
});
我还尝试将精灵动画放入setTimeout
中,但发生的是,它将在开始时延迟,然后最终在画布上显示所有精灵图像。
任何帮助。
播放时间值是每帧之间的帧/秒延迟。
相关文章:
- 如何使用Pixijs获取在加载的精灵表资产中定义的图像
- ExtJS:“图像”类型的精灵:如何更改像素
- 如何在JS中缩放精灵图像
- 当使用HTTP/2时,缩小和连接JS/CSS文件,以及使用精灵进行图像处理仍然可以提供性能优势
- 是否可以更改我的 css 精灵用 javascript 显示的子图像
- 精灵图像的背景位置在 IE 中不起作用,用于倒计时时钟
- 画布绘制按分区背景精灵绘制的图像
- 图像精灵作为网页的背景
- 使用单击图像映射更改设置为背景的精灵图像的位置
- kineticJS 为精灵创建 ImageHitRegion,而不是图像
- 是否可以显示/隐藏画布图像的一部分,例如图像精灵
- 画架精灵使用多个图像进行动画
- 如何在保留现有过渡的同时切换到精灵图像
- 在相位器上显示带有间隔的精灵图像
- 精灵图像的随机移动位置
- 精灵图像的起始方向不同
- jQuery UI跳跃效果与CSS精灵图像
- 在HTML5上绘制多个精灵图像
- 用css中的变量控制精灵图像坐标
- 当尝试用html5 canvas动画一个精灵图像时,奇怪的行为