精灵帧动画javascript

精灵帧动画javascript,javascript,sprite,Javascript,Sprite,试图用我自己的图片编辑Github上的外来入侵者。我创建了一个精灵表,但不知道如何调用循环使框架工作,这样敌人和战舰将始终循环。他们是用这个画在画布上的 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, fr

试图用我自己的图片编辑Github上的外来入侵者。我创建了一个精灵表,但不知道如何调用循环使框架工作,这样敌人和战舰将始终循环。他们是用这个画在画布上的

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, }
};
我如何使船通过它的框架移动