git/TheMathWizard
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

changed game stearing in game.js

Browse source
This commit is contained in:
Patryk Hegenberg 2023-01-18 08:40:31 +01:00
parent 8b288116e4
commit b020956466
3 changed files with 13 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
scripts/game.js
View file

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

7
styles/game.css
View file

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

4
views/game.view.php
View file

@ -99,7 +99,7 @@
<div class="nes-container is-rounded is-dark"> <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. <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> 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> </div>
<button class="nes-btn is-success action">Ok</button> <button class="nes-btn is-success action">Ok</button>
</div> </div>
@ -126,7 +126,7 @@
</div> </div>
<!--Combat screen--> <!--Combat screen-->
<div id="combat" class="screen modal"> <div id="combat" class="screen modal combat">
<p>Kampf!</p> <p>Kampf!</p>
<div class="nes-container is-rounded is-dark"> <div class="nes-container is-rounded is-dark">
<p id>Was ist?</p> <p id>Was ist?</p>