All enemies movement

1 files changed, 9 insertions, 6 deletions

diff --git a/src/Animation.ts b/src/Animation.ts
index 13adb6c..820a6dd 100644
--- a/src/Animation.ts
+++ b/src/Animation.ts
@@ -5,18 +5,21 @@ export default class Anime extends Drawable {
   i = 0;
   j = 0;
 
-  constructor(drawable: Drawable, public frames: string[]) {
+  constructor(drawable: Drawable, public frames: Array<string | HTMLImageElement>) {
     super(drawable._x, drawable._y)
     this.width = drawable.width
     this.height = drawable.height
+    if (frames.length === 0) debugger
   }
 
   draw(): boolean {
-    // console.log("drawing", this)
-    ctx.fillStyle = this.frames[this.i];
-    ctx.fillRect(this.x, this.y, this.width, this.height);
-    this.j++;
-    if (this.j === 50) { this.i++; this.j = 0; }
+    if (typeof this.frames[0] === "string") {
+      ctx.fillStyle = (this.frames as string[])[this.i];
+      ctx.fillRect(this.x, this.y, this.width, this.height);
+    } else {
+      ctx.drawImage((this.frames as HTMLImageElement[])[this.i], this.x, this.y)
+    }
+    if (++this.j === 4) { this.i++; this.j = 0; }
     return this.i !== this.frames.length;
   }
 }