From a46c23b10f972ee235e282e7d79de2e9e7a91d68 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Fri, 5 May 2023 22:48:27 -0600 Subject: Make gamepad navigation optional --- javascript/imageviewerGamepad.js | 61 +++++++++++++++++++--------------------- 1 file changed, 29 insertions(+), 32 deletions(-) (limited to 'javascript/imageviewerGamepad.js') diff --git a/javascript/imageviewerGamepad.js b/javascript/imageviewerGamepad.js index 29bd7140..db932bca 100644 --- a/javascript/imageviewerGamepad.js +++ b/javascript/imageviewerGamepad.js @@ -1,36 +1,33 @@ - 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) { +const delay = 250//ms +window.addEventListener('gamepadconnected', (e) => { + setInterval(() => { + if (!opts.js_modal_lightbox_gamepad) return; + const gamepad = navigator.getGamepads()[0]; + const xValue = gamepad.axes[0]; + if (xValue < -0.3) { modalPrevImage(e); - } else if (e.deltaX >= 0.6) { + } 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 (!opts.js_modal_lightbox_gamepad || isScrolling) return; + isScrolling = true; + + if (e.deltaX <= -0.6) { + modalPrevImage(e); + } else if (e.deltaX >= 0.6) { + modalNextImage(e); + } - setTimeout(() => { - isScrolling = false; - }, delay); - }); \ No newline at end of file + setTimeout(() => { + isScrolling = false; + }, delay); +}); -- cgit v1.2.3 From cca5782d183c389e46a822a6e0abc4f8fd2d8df8 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Sat, 6 May 2023 22:00:13 -0600 Subject: Improve joypad performance --- javascript/imageviewerGamepad.js | 36 ++++++++++++++++++++++++++++++------ 1 file changed, 30 insertions(+), 6 deletions(-) (limited to 'javascript/imageviewerGamepad.js') diff --git a/javascript/imageviewerGamepad.js b/javascript/imageviewerGamepad.js index db932bca..f25f0857 100644 --- a/javascript/imageviewerGamepad.js +++ b/javascript/imageviewerGamepad.js @@ -1,15 +1,27 @@ -const delay = 250//ms +const delay = 350//ms +let isWaiting = false; window.addEventListener('gamepadconnected', (e) => { - setInterval(() => { - if (!opts.js_modal_lightbox_gamepad) return; + setInterval(async () => { + if (!opts.js_modal_lightbox_gamepad || isWaiting) return; const gamepad = navigator.getGamepads()[0]; const xValue = gamepad.axes[0]; - if (xValue < -0.3) { + if (xValue <= -0.3) { modalPrevImage(e); - } else if (xValue > 0.3) { + isWaiting = true; + } else if (xValue >= 0.3) { modalNextImage(e); + isWaiting = true; } - }, delay); + if (isWaiting) { + await sleepUntil(() => { + const xValue = navigator.getGamepads()[0].axes[0] + if (xValue < 0.3 && xValue > -0.3) { + return true; + } + }, delay); + isWaiting = false; + } + }, 10); }); /* @@ -31,3 +43,15 @@ window.addEventListener('wheel', (e) => { isScrolling = false; }, delay); }); + +function sleepUntil(f, timeout) { + return new Promise((resolve) => { + const timeStart = new Date(); + const wait = setInterval(function() { + if (f() || new Date() - timeStart > timeout) { + clearInterval(wait); + resolve(); + } + }, 20); + }); +} -- cgit v1.2.3 From 99f3bf07d2976211eed81a9293a447c7ead2d893 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Sat, 6 May 2023 22:16:51 -0600 Subject: gamepad repeat option --- javascript/imageviewerGamepad.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'javascript/imageviewerGamepad.js') diff --git a/javascript/imageviewerGamepad.js b/javascript/imageviewerGamepad.js index f25f0857..d24b7b97 100644 --- a/javascript/imageviewerGamepad.js +++ b/javascript/imageviewerGamepad.js @@ -1,4 +1,3 @@ -const delay = 350//ms let isWaiting = false; window.addEventListener('gamepadconnected', (e) => { setInterval(async () => { @@ -18,7 +17,7 @@ window.addEventListener('gamepadconnected', (e) => { if (xValue < 0.3 && xValue > -0.3) { return true; } - }, delay); + }, opts.js_modal_lightbox_gamepad_repeat); isWaiting = false; } }, 10); @@ -41,7 +40,7 @@ window.addEventListener('wheel', (e) => { setTimeout(() => { isScrolling = false; - }, delay); + }, opts.js_modal_lightbox_gamepad_repeat); }); function sleepUntil(f, timeout) { -- cgit v1.2.3 From 85bd9b3d31474c0bb4b209519f3f4179ccda2539 Mon Sep 17 00:00:00 2001 From: missionfloyd Date: Sat, 6 May 2023 22:47:35 -0600 Subject: Work with multiple gamepads --- javascript/imageviewerGamepad.js | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'javascript/imageviewerGamepad.js') diff --git a/javascript/imageviewerGamepad.js b/javascript/imageviewerGamepad.js index d24b7b97..6297a12b 100644 --- a/javascript/imageviewerGamepad.js +++ b/javascript/imageviewerGamepad.js @@ -1,8 +1,9 @@ -let isWaiting = false; window.addEventListener('gamepadconnected', (e) => { + const index = e.gamepad.index; + let isWaiting = false; setInterval(async () => { if (!opts.js_modal_lightbox_gamepad || isWaiting) return; - const gamepad = navigator.getGamepads()[0]; + const gamepad = navigator.getGamepads()[index]; const xValue = gamepad.axes[0]; if (xValue <= -0.3) { modalPrevImage(e); @@ -13,7 +14,7 @@ window.addEventListener('gamepadconnected', (e) => { } if (isWaiting) { await sleepUntil(() => { - const xValue = navigator.getGamepads()[0].axes[0] + const xValue = navigator.getGamepads()[index].axes[0] if (xValue < 0.3 && xValue > -0.3) { return true; } -- cgit v1.2.3