added a score also you can die now. score is technically saved but not shown yet

Author: htmlcoderexe

UI/Button.js

@@ -4,8 +4,7 @@ class UIButton extends UIElement
     bgcolor="#FF9000";
     constructor(rekt)
     {
-        super();
-        this.hitbox= new Rectangle(rekt.x,rekt.y,rekt.width,rekt.height);
+        super(rekt);
 
     }
     draw(ctx)

UI/DisplayLabel.js

@@ -0,0 +1,18 @@
+class DisplayLabel extends UIElement
+{
+    text = "";
+    constructor(rekt,text)
+    {
+        super(rekt);
+        this.text=text;
+    }
+    draw(ctx)
+    {
+        super.draw(ctx);
+        UIRenderer.drawScreenBox(ctx,this.hitbox.x, this.hitbox.y,this.hitbox.width,this.hitbox.height, this.text);
+    }
+    click()
+    {
+        
+    }
+}

UI/Renderer.js

@@ -116,6 +116,30 @@ class UIRenderer
         ctx.stroke();
 
     }
+
+    static drawScreenBox(ctx,x,y,w,h,text)
+    {
+        let main = "16 16 16";
+        let outline = "40 40 40";
+        let outline2 ="128 128 128";
+        let fontcolour ="0 192 16";
+        ctx.beginPath();
+        ctx.roundRect(x+0.5,y+0.5,w,h,7);
+        ctx.fillStyle=this.rgb(main);
+        ctx.fill();
+        ctx.strokeStyle=this.rgb(outline);
+        ctx.lineWidth=9;
+        ctx.stroke();
+        ctx.strokeStyle=this.rgb(outline2);
+        ctx.lineWidth=5;
+        ctx.stroke();
+        ctx.font = "small-caps bold 42px monospace";
+        ctx.textAlign="center";
+        ctx.textBaseline="middle";
+        //ctx.strokeStyle=this.rgb(outline);
+        ctx.fillStyle=this.rgb(fontcolour);
+        ctx.fillText(text,x+w/2,y+h/2);
+    }
     static drawButton(ctx,x,y,w,h,text)
     {
         let main ="255 64 0";

index.html

@@ -11,6 +11,7 @@
     <script src="UI/UIElement.js"></script>
     <script src="UI/Button.js"></script>
     <script src="UI/AbilitySlot.js"></script>
+    <script src="UI/DisplayLabel.js"></script>
     <script src="GameObject.js"></script>
     <script src="Animation.js"></script>
     <script src="gameObjects/Ability.js"></script>

scenes/Dash.js

@@ -7,6 +7,8 @@ class GameSceneDash extends GameScene
     normalSpeedSpot = 100;
     movingship = false;
     uimgr;
+    scoredisplay;
+    score=0;
     constructor()
     {
         super();
@@ -30,6 +32,9 @@ class GameSceneDash extends GameScene
         this.player.abilities.push(lazor);
         const bt = new AbilitySlot(new Rectangle(10,this.longSide-100,70,72),lazor);
         this.uimgr.components.push(bt);
+        const scoredspl= new DisplayLabel(new Rectangle(this.shortSide-220,10,170,45),"000000");
+        this.scoredisplay=scoredspl;
+        this.uimgr.components.push(scoredspl);
     }
     addObject(obj)
     { 
@@ -114,6 +119,15 @@ class GameSceneDash extends GameScene
             });
         });
         this.doSpeedStuff(dT);
+        this.scoredisplay.text= String(this.score).padStart(6,'0');
+        
+        baddies.forEach((enemy)=>{
+            if(enemy.hitbox.testRect(this.player.hitbox))
+            {
+                localStorage.setItem("bestScore", this.score);
+                window.gameManager.currentScene = new GameSceneDash();
+            }
+        });
         //console.log(living.length);
         //console.log(living);
         //this.gameObjects=living;
@@ -140,6 +154,8 @@ class GameSceneDash extends GameScene
             enemy.targetX=this.player.x;
             enemy.targetY=this.player.y;
             this.addObject(enemy);
+            enemy.onDeath=()=>{
+                        this.score++;};
             //console.log(enemy);
         }
     }