36 lines
953 B
JavaScript
36 lines
953 B
JavaScript
|
let delay = 350//ms
|
||
|
|
window.addEventListener('gamepadconnected', (e) => {
|
||
|
|
console.log("Gamepad connected!")
|
||
|
|
const gamepad = e.gamepad;
|
||
|
|
setInterval(() => {
|
||
|
|
const xValue = gamepad.axes[0].toFixed(2);
|
||
|
|
if (xValue < -0.3) {
|
||
|
|
modalPrevImage(e);
|
||
|
|
} else if (xValue > 0.3) {
|
||
|
|
modalNextImage(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
}, delay);
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
Primarily for vr controller type pointer devices.
|
||
|
|
I use the wheel event because there's currently no way to do it properly with web xr.
|
||
|
|
*/
|
||
|
|
|
||
|
|
let isScrolling = false;
|
||
|
|
window.addEventListener('wheel', (e) => {
|
||
|
|
if (isScrolling) return;
|
||
|
|
isScrolling = true;
|
||
|
|
|
||
|
|
if (e.deltaX <= -0.6) {
|
||
|
|
modalPrevImage(e);
|
||
|
|
} else if (e.deltaX >= 0.6) {
|
||
|
|
modalNextImage(e);
|
||
|
|
}
|
||
|
|
|
||
|
|
setTimeout(() => {
|
||
|
|
isScrolling = false;
|
||
|
|
}, delay);
|
||
|
|
});
|