spritejs 让序列帧图片动起来

是的，SpriteJS 可以通过使用序列帧技术来实现动画效果。序列帧动画是一种基于连续静态图片的动画形式，通过在一定时间内连续播放多张图片来形成动画效果。在 SpriteJS 中，我们可以使用 Sprite 类来创建序列帧动画。具体步骤如下：

1. 创建一组帧图片：

const frames = []
for (let i = 1; i <= 10; i++) {
  const img = new Image()
  img.src = `./images/frame-${i}.png`
  frames.push(img)
}

2. 创建一个 Sprite 对象，并将帧图片赋值给它：

const sprite = new Sprite({
  textures: frames,
  anchor: [0.5, 0.5],
  pos: [100, 100],
})

3. 设置播放速度和循环模式：

sprite.animate([
  { textures: frames, time: 100 },
], {
  iterations: Infinity,
})

通过上述步骤，我们就可以创建一个序列帧动画，并让它动起来。