精灵帧动画javascript

Question

尝试使用我自己的图像编辑Github上的外星人入侵者https://github.com/cykod/AlienInvasion。有一个我创建的spritesheet但不知道如何调用循环使框架工作，以便enemys和船只将循环。他们用画布画在画布上。

var sprites = {
 ship: { sx: 0, sy: 1, w: 48, h: 70, frames: 10 },

 missile: { sx: 0, sy: 442, w: 15, h: 24, frames: 1 },

 enemy_purple: { sx: 0, sy: 125, w: 31, h: 62, frames: 1 },

 enemy_bee: { sx: 0, sy: 328, w: 34, h: 97, frames: 1 },

 enemy_ship: { sx: 0, sy: 198, w: 50, h: 116, frames: 1 },

 enemy_circle: { sx: 0, sy: 83, w: 34, h: 31, frames: 1 },

 explosion: { sx: 0, sy: 563, w: 73, h: 93, frames: 10 },

 enemy_missile: { sx: 0, sy: 493, w: 15, h: 24, frame: 1, }
};

如何让船只穿过它的框架？