background

css/layout.css

@@ -7,9 +7,9 @@ body{
 }
 #spielRaum{
     width: 1000px;
-    height: 700px;
+    height: 800px;
     margin: auto;
-    background-color: yellow;
+    background-image: url("../pics/background.jpg");
     position: relative;
 }
 body{
@@ -45,6 +45,13 @@ body{
 }
 #enemyZahl{
     text-align: center;
+    color: white;
+    text-shadow: 
+        2px 2px 2px black,
+        -2px 2px 2px black,
+        2px -2px 2px black,
+        -2px -2px 2dvi black;
+    font-weight: bold;
 }
 .flexbox{
     display: flex;
@@ -79,9 +86,16 @@ body{
 }
 #fuchsZahl{
     padding-left: 100px;
-    font-size: 30px;
+    font-size: 40px;
+    font-weight: bold;
     width: 10%;
     z-index: 59;
+    color: white;
+    text-shadow: 
+        2px 2px 2px black,
+        -2px 2px 2px black,
+        2px -2px 2px black,
+        -2px -2px 2dvi black;
 }
 #hitbox1, #hitbox2{
     width: 50px;

js/allg.js

@@ -5,7 +5,7 @@ let enemyAnim = [];
 //player
 let playerAnimState = 0;
 let runDirection = 0;
-let runSpeed = 12;
+let runSpeed = 20;
 let animationSpeed = 50;
 let currentPosition = 0;
 let player = document.querySelector("#fuchs");

js/rechnungen.js

@@ -6,7 +6,7 @@ let rechnungenTop = rechnungenTopStart;
 rechnungen.style.top = rechnungenTop + "px";
 
 //speed der Rechnungen, wie schnell sie fallen
-const speedRechnungen = 0.2;
+const speedRechnungen = 0.5;
 //maximale pixel Tiefe bis sie respawnen
 const maxTiefeRechunngen = 750;