All enemies movement

1 files changed, 25 insertions, 1 deletions

diff --git a/src/drawables/TopBar.ts b/src/drawables/TopBar.ts
index f021f77..8772050 100644
--- a/src/drawables/TopBar.ts
+++ b/src/drawables/TopBar.ts
@@ -6,12 +6,36 @@ export class TopBar extends Drawable {
   sprite = IMGS.topbar;
   width = canvas.width
   height = 24
+  score = 0;
+  lives = 0;
+  rolls = 0;
+  highscore = 0;
   constructor() {
     super(0, 0)
   }
+  setData(score: number, lives: number, rolls: number, highscore?: number) {
+    this.score = score
+    this.lives = lives
+    this.rolls = rolls
+    this.highscore = highscore ?? this.highscore
+  }
   draw() {
     if (this.sprite.src == null) this.sprite = IMGS.topbar;
-    ctx.drawImage(this.sprite, 0, 0)
+    ctx.drawImage(this.sprite, 0, 0);
+    [...this.score.toString().padStart(7, '0')].forEach((char, i) => {
+      ctx.imageSmoothingEnabled = false
+      ctx.drawImage(IMGS.font.small.white[char], 24 + i * 8, 8)
+    });
+    for (let i = 0; i < this.lives; i++) {
+      ctx.drawImage(IMGS.planeIcon, 112 + i * 8, 9)
+    }
+    for (let i = 0; i < this.rolls; i++) {
+      ctx.drawImage(IMGS.rollIcon, 177 + i * 8, 9)
+    }
+    [...this.highscore.toString().padStart(7, '0')].forEach((char, i) => {
+      ctx.imageSmoothingEnabled = false
+      ctx.drawImage(IMGS.font.small.white[char], 240 + i * 8, 8)
+    });
   }
 }