alex/agb
1
0
Fork 0
mirror of https://github.com/italicsjenga/agb.git synced 2024-12-23 08:11:33 +11:00
Code Issues Packages Projects Releases Wiki Activity

handle many button presses and fix to use targetTouches

Browse source
This commit is contained in:
Corwin 2024-04-06 02:12:39 +01:00
parent 3a1f1691f9
commit b9a67e6b0f
No known key found for this signature in database
1 changed files with 42 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

82
website/site/index.html
View file

@ -270,11 +270,11 @@
};
mobileDpad.addEventListener("touchstart", (evt) =>
dpadMovement(evt.touches[0])
dpadMovement(evt.targetTouches[0])
);
mobileDpad.addEventListener("touchmove", (evt) =>
dpadMovement(evt.touches[0])
dpadMovement(evt.targetTouches[0])
);
mobileDpad.addEventListener("touchend", (evt) => {
@ -284,57 +284,59 @@
previouslyPressedButtons = [];
});
let mobileAbAPress = undefined;
const mobileAbMovement = (touch) => {
const target = touch.target.getBoundingClientRect();
let mobileAbAPress = new Set();
const mobileAbMovement = (touches) => {
const currentTouches = new Set();
for (let touch of touches) {
const target = touch.target.getBoundingClientRect();
const touchPoint = { x: touch.clientX, y: touch.clientY };
const targetArea = {
x: target.left,
y: target.top,
width: target.width,
height: target.height,
};
const touchPoint = { x: touch.clientX, y: touch.clientY };
const targetArea = {
x: target.left,
y: target.top,
width: target.width,
height: target.height,
};
const relativePosition = {
x: touchPoint.x - targetArea.x,
y: touchPoint.y - targetArea.y,
};
const relativePosition = {
x: touchPoint.x - targetArea.x,
y: touchPoint.y - targetArea.y,
};
const aPress = relativePosition.x > relativePosition.y;
const aPress = relativePosition.x > relativePosition.y;
currentTouches.add(aPress ? "A" : "B");
}
if (aPress !== mobileAbAPress) {
if (mobileAbAPress === true) {
releaseButton("A");
} else if (mobileAbAPress === false) {
releaseButton("B");
for (let oldTouch of mobileAbAPress) {
if (!currentTouches.has(oldTouch)) {
console.log("Release", oldTouch);
releaseButton(oldTouch);
}
}
if (aPress) {
pressButton("A");
} else {
pressButton("B");
}
mobileAbAPress = aPress;
for (let newTouch of currentTouches) {
if (!mobileAbAPress.has(newTouch)) {
console.log("Press", newTouch);
pressButton(newTouch);
}
}
mobileAbAPress = currentTouches;
};
mobileAb.addEventListener("touchstart", (evt) =>
mobileAbMovement(evt.touches[0])
);
mobileAb.addEventListener("touchstart", (evt) => {
mobileAbMovement(evt.targetTouches);
});
mobileAb.addEventListener("touchmove", (evt) =>
mobileAbMovement(evt.touches[0])
);
mobileAb.addEventListener("touchmove", (evt) => {
mobileAbMovement(evt.targetTouches);
});
mobileAb.addEventListener("touchend", (evt) => {
if (mobileAbAPress === true) {
releaseButton("A");
} else if (mobileAbAPress === false) {
releaseButton("B");
}
mobileAbMovement(evt.targetTouches);
});
mobileAbAPress = undefined;
mobileAb.addEventListener("touchcancel", (evt) => {
mobileAbMovement(evt.targetTouches);
});
</script>
</body>