diff --git a/css/layout.css b/css/layout.css index a9b518b..39a7215 100644 --- a/css/layout.css +++ b/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; diff --git a/js/allg.js b/js/allg.js index 499e486..4b2fff8 100644 --- a/js/allg.js +++ b/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"); diff --git a/js/rechnungen.js b/js/rechnungen.js index ec6b9dd..4bf6b47 100644 --- a/js/rechnungen.js +++ b/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; diff --git a/pics/background.jpg b/pics/background.jpg new file mode 100644 index 0000000..2b0ce1f Binary files /dev/null and b/pics/background.jpg differ