changed game stearing in game.js

scripts/game.js

@@ -95,13 +95,13 @@
   }
 
   const keyMap = {
-    38: 0,
+    87: 0, //38->Hoch
     33: 1,
-    39: 2,
+    68: 2, //30->Rechts
     34: 3,
-    40: 4,
+    83: 4, //40->Runter
     35: 5,
-    37: 6,
+    65: 6, //37->Links
     36: 7,
   };
 
@@ -831,6 +831,7 @@
 
   function keyHandler(ev) {
     const code = ev.keyCode;
+    console.log(code);
     if (code == 187 || code == 189) {
       ev.preventDefault();
       return;

styles/game.css

@@ -83,7 +83,12 @@ a:hover {
   height: 100%;
   background-color: #422835;
 }
-
+.combat {
+  margin: auto;
+  width: 50%;
+  height: 75%;
+  background-color: #422835;
+}
 #title {
   background-image: url(./../images/HeroBanner.png);
   background-size: cover;

views/game.view.php

@@ -99,7 +99,7 @@
       <div class="nes-container is-rounded is-dark">
         <p>Kämpfe dich durch denn Dungeon und finde den Weg in den untersten Raum. Durch das Lösen der Matheaufgaben fügst deinen Gegnern Schaden zu.
         Bei einer falschen Antwort erleidest du Schaden.</p>
-        <p>Benutze die Pfeiltasten um dich zu bewegen.</p>
+        <p>Benutze die WASD um dich zu bewegen.</p>
       </div>
       <button class="nes-btn is-success action">Ok</button>
     </div>
@@ -126,7 +126,7 @@
     </div>
     
     <!--Combat screen-->
-    <div id="combat" class="screen modal">
+    <div id="combat" class="screen modal combat">
       <p>Kampf!</p>
       <div class="nes-container is-rounded is-dark">
         <p id>Was ist?</p>