StableDiffusion/WebUI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make gamepad navigation optional

Browse Source
This commit is contained in:
missionfloyd 2023-05-05 22:48:27 -06:00
parent 5ab7f213be
commit a46c23b10f
2 changed files with 30 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
javascript/imageviewerGamepad.js
View File

@ -1,27 +1,24 @@
let delay = 350//ms const delay = 250//ms
window.addEventListener('gamepadconnected', (e) => { window.addEventListener('gamepadconnected', (e) => {
console.log("Gamepad connected!")
const gamepad = e.gamepad;
setInterval(() => { setInterval(() => {
const xValue = gamepad.axes[0].toFixed(2); if (!opts.js_modal_lightbox_gamepad) return;
const gamepad = navigator.getGamepads()[0];
const xValue = gamepad.axes[0];
if (xValue < -0.3) { if (xValue < -0.3) {
modalPrevImage(e); modalPrevImage(e);
} else if (xValue > 0.3) { } else if (xValue > 0.3) {
modalNextImage(e); modalNextImage(e);
} }
}, delay); }, delay);
}); });
/*
/* Primarily for vr controller type pointer devices.
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.
I use the wheel event because there's currently no way to do it properly with web xr.
*/ */
let isScrolling = false;
let isScrolling = false; window.addEventListener('wheel', (e) => {
window.addEventListener('wheel', (e) => { if (!opts.js_modal_lightbox_gamepad || isScrolling) return;
if (isScrolling) return;
isScrolling = true; isScrolling = true;
if (e.deltaX <= -0.6) { if (e.deltaX <= -0.6) {
@ -33,4 +30,4 @@
setTimeout(() => { setTimeout(() => {
isScrolling = false; isScrolling = false;
}, delay); }, delay);
}); });

1
modules/shared.py
View File

@ -399,6 +399,7 @@ options_templates.update(options_section(('ui', "User interface"), {
"font": OptionInfo("", "Font for image grids that have text"), "font": OptionInfo("", "Font for image grids that have text"),
"js_modal_lightbox": OptionInfo(True, "Enable full page image viewer"), "js_modal_lightbox": OptionInfo(True, "Enable full page image viewer"),
"js_modal_lightbox_initially_zoomed": OptionInfo(True, "Show images zoomed in by default in full page image viewer"), "js_modal_lightbox_initially_zoomed": OptionInfo(True, "Show images zoomed in by default in full page image viewer"),
"js_modal_lightbox_gamepad": OptionInfo(True, "Navagete image viewer with gamepad"),
"show_progress_in_title": OptionInfo(True, "Show generation progress in window title."), "show_progress_in_title": OptionInfo(True, "Show generation progress in window title."),
"samplers_in_dropdown": OptionInfo(True, "Use dropdown for sampler selection instead of radio group"), "samplers_in_dropdown": OptionInfo(True, "Use dropdown for sampler selection instead of radio group"),
"dimensions_and_batch_together": OptionInfo(True, "Show Width/Height and Batch sliders in same row"), "dimensions_and_batch_together": OptionInfo(True, "Show Width/Height and Batch sliders in same row"),