From c198ced26cf860939570278c1e3080dfcfd8cf03 Mon Sep 17 00:00:00 2001
From: miwr <michal.wrobel@telekom.de>
Date: Tue, 8 Apr 2025 09:51:15 +0200
Subject: [PATCH] new colors

---
 src/app/mario/cloud.png            | Bin 0 -> 1772 bytes
 src/app/mario/mario.component.html |   2 +-
 src/app/mario/mario.component.scss |   3 ++-
 src/app/mario/mario.component.ts   |   8 +++++---
 4 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 src/app/mario/cloud.png

diff --git a/src/app/mario/cloud.png b/src/app/mario/cloud.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ebf9dfc41bffeae44c62e3e09a627003bfe44ee
GIT binary patch
literal 1772
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

literal 0
HcmV?d00001

diff --git a/src/app/mario/mario.component.html b/src/app/mario/mario.component.html
index 2894943..5655500 100644
--- a/src/app/mario/mario.component.html
+++ b/src/app/mario/mario.component.html
@@ -1,4 +1,4 @@
-<div style="width: 100%; height: 100vh; overflow-x: scroll; overflow-y: hidden;">
+<div style="width: 100%; height: 100%; overflow-x: scroll; overflow-y: hidden;">
     <canvas id="gameCanvas"></canvas>
   </div>
   
\ No newline at end of file
diff --git a/src/app/mario/mario.component.scss b/src/app/mario/mario.component.scss
index 80e2ada..f0a5f83 100644
--- a/src/app/mario/mario.component.scss
+++ b/src/app/mario/mario.component.scss
@@ -6,5 +6,6 @@ body, html {
   
   canvas {
     display: block;
-    background-color: #c2f0c2;
+    background-color: #dceaff;
+    background-image: url("./cloud.png");
   }
\ No newline at end of file
diff --git a/src/app/mario/mario.component.ts b/src/app/mario/mario.component.ts
index a5694cf..a09f341 100644
--- a/src/app/mario/mario.component.ts
+++ b/src/app/mario/mario.component.ts
@@ -18,10 +18,10 @@ import { JumpService } from '../jump.service';
         dx: 0,
         dy: 0,
         speed: 4,
-        jumpStrength: 25,
+        jumpStrength: 20,
         gravity: 0.5,
         onGround: false,
-        color: 'red'
+        color: 'orange'
       };
     
       private canvas!: HTMLCanvasElement;
@@ -129,7 +129,7 @@ import { JumpService } from '../jump.service';
         this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
     
         // Ground
-        this.ctx.fillStyle = '#654321';
+        this.ctx.fillStyle = '#044d00';
         this.ctx.fillRect(0, this.canvas.height - 60, this.canvas.width, 60);
     
         // Platforms
@@ -154,6 +154,8 @@ import { JumpService } from '../jump.service';
         this.ctx.fillStyle = 'black';
         this.ctx.fillText('🏁', this.canvasWidth - 60, this.canvas.height - 170);
 
+        
+        // Counter
         this.ctx.fillStyle = 'black';
         this.ctx.font = '20px Arial';
         this.ctx.fillText(`Jumps: ${this.totalJumps}`, this.canvas.width - 150, 30);