-
Notifications
You must be signed in to change notification settings - Fork 0
/
mobileControls.js
48 lines (42 loc) · 1.26 KB
/
mobileControls.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
left = document.querySelector(".leftBtn");
right = document.querySelector(".rightBtn");
topBtn = document.querySelector(".upBtn");
action = document.querySelector(".actionBtn");
left.addEventListener("touchstart", (e) => {
keyPressed.a = true;
left.style.opacity = "10";
if (youAre == "challenger" || youAre == "accepter") {
doNetworkMovement("keydown", "a", youAre);
}
});
left.addEventListener("touchend", (e) => {
keyPressed.a = false;
left.style.opacity = "0.6";
doNetworkMovement("keyup", "a", youAre);
});
right.addEventListener("touchstart", (e) => {
keyPressed.d = true;
right.style.opacity = "10";
doNetworkMovement("keydown", "d", youAre);
});
right.addEventListener("touchend", (e) => {
keyPressed.d = false;
right.style.opacity = "0.6";
doNetworkMovement("keyup", "d", youAre);
});
topBtn.addEventListener("touchstart", (e) => {
if (!player.isDead) player.jump();
doNetworkMovement("keydown", "w", youAre);
topBtn.style.opacity = "10";
setTimeout(() => {
topBtn.style.opacity = "0.6";
}, 100);
});
action.addEventListener("touchstart", (e) => {
if (!player.isDead) player.attacking();
doNetworkMovement("keydown", " ", youAre);
action.style.opacity = "10";
setTimeout(() => {
action.style.opacity = "0.6";
}, 100);
});