Off Topic » Serious Discussions

For the love of all that's good, can we? I really want to play on DB. But I'm getting older and I can't be bothered to squint at the screen and make pixel perfect clicks of 10px drop down options (in animated dropdowns btw like wtf is that? I gotta wait for the animation to finish..) for EVERY SINGLE action. This was my complaint a year ago, its still my complaint. I come back to DB to try it every so often, and I quit almost immediately because the ui AND the ux is so freaking god awful for no reason other than precedence. Attract new players. Modernize.

Recommendation when clicking on a card:

G + click...........Send to GY
H + click...........Send to hand
N + click...........Normal Summon
A + click...........Declare/Activate
S + click...........Special summon attack
shift + s + click...Special summon defense

Don't need a hotkey for literally every action, just the most common ones that happen 50+times a duel lol.

I realize the web page has 0 hot key handling and its probably work. But my eyes and my tendonitis would be greatly appreciative.

Before you knock it, if you're a dev, mock it all you want. Laugh at it. Cringe at it. And then one night.. when everyone is sleeping.. and its keeping you up at night, just turn your computer on. setup a keybind handler to just handle H + click. Then just click on the GY and give it a lil try, just dip the toes in.

And then realize that quickly hovering over the giant card and clicking, and having the card go where you wanted it to, is the single best improvement to the site since its inception.

Surprisingly, some elements of this site are keyboard focusable. But the "Duel" button to hit the main menu, and said main menu on the left aren't. In duel room, you can focus on the matchmaker, including the join button, deck select, filters, and host settings. It seems that they just didn't bother with focus regions and what can be navigated are the default focusable element types like links. But even without keyboard controls, an accessible minimum size to click targets is 44x44 pixels.

Yeah, but the site doesn't support resolution scaling. So on a 4k monitor, even at 150% scaling, 44px is just too small. Also the animation on the dropdown makes it really annoying because it causes the menu item to move out from under you once you're familiar and quick enough.

If they already support keyboard handling I dunno this just seems like a no brainer. Yeah its work, but the QoL is instant and its the lowest hanging QoL improvement. Alternatives are revamping the action system such that you don't need so many options.

But honestly even then I'd prefer just holding a key and clicking lol.

I may be able to do implement something like this using javascript, but exactly which actions would you like a hotkey for?

[quote="necroblade77":329wbacq]Yeah, but the site doesn't support resolution scaling. So on a 4k monitor, even at 150% scaling, 44px is just too small. Also the animation on the dropdown makes it really annoying because it causes the menu item to move out from under you once you're familiar and quick enough.

If they already support keyboard handling I dunno this just seems like a no brainer. Yeah its work, but the QoL is instant and its the lowest hanging QoL improvement. Alternatives are revamping the action system such that you don't need so many options.

But honestly even then I'd prefer just holding a key and clicking lol.[/quote:329wbacq]
I don't think they support keyboard controls, it's simply that some HTML elements do. You can't enter the Duel Room without a mouse. I certainly don't think you can build a deck with just keyboard controls. But on that note, using a screen reader to try and play the game would take forever, even if it was always reading exactly what you wanted it to...

[quote="greg503":3hz1u255][quote="necroblade77":3hz1u255]Yeah, but the site doesn't support resolution scaling. So on a 4k monitor, even at 150% scaling, 44px is just too small. Also the animation on the dropdown makes it really annoying because it causes the menu item to move out from under you once you're familiar and quick enough.

If they already support keyboard handling I dunno this just seems like a no brainer. Yeah its work, but the QoL is instant and its the lowest hanging QoL improvement. Alternatives are revamping the action system such that you don't need so many options.

But honestly even then I'd prefer just holding a key and clicking lol.[/quote:3hz1u255]
I don't think they support keyboard controls, it's simply that some HTML elements do. You can't enter the Duel Room without a mouse. I certainly don't think you can build a deck with just keyboard controls. But on that note, using a screen reader to try and play the game would take forever, even if it was always reading exactly what you wanted it to...[/quote:3hz1u255]

I think he was just asking for hotkeys for duel-related actions like summoning, setting, activating, and so on, not hotkeys for Main Menu and Deck Construction stuff.

[quote="Christen57":1uavsvzm]I may be able to do implement something like this using javascript, but exactly which actions would you like a hotkey for?[/quote:1uavsvzm]

That'd be amazing, I looked into it briefly but didn't see an easy way to do that (I'm a C++ software engineer so.. not super familiar with the web world)

I would say just starting with the most basic actions would still be huge. Things that players do 50-100 times a duel. So I think I mentioned it in my OP, but i'll story it up here hahah..

---------------------------------------------------------
As a user, I want to be able to use keys on my keyboard as "context" keys when clicking a card. For example, if I click on a card while holding the "G" key, the card will be sent to the graveyard.

Additionally, the hotkey for each supported action will appear as the first piece of info in each action context menu list item. i.e the "To Graveyard" list item will say "(G) To Graveyard".

Ideally, every list item has a hotkey, but at a minimum, I suggest these:
G ...........Send to GY
B............Send to Banish
F.............Send to banish FD
H...........Send to hand
N...........Normal Summon
A...........Declare/Activate
S...........Special summon attack
Shift + S..Special summon defense
T...........Send to spell/trap zone
M..........Send to main deck
E...........Send to Extra deck



Holding those keys on the keyboard when a card is clicked will trigger the action indicated by the hotkey's associated list item text. Hotkeys for macros like "mill 5" or w/e are explicitly a non-goal for this feature.

---------------------------------------------------------

Seriously, if we got those changes I'd drop other platforms and probably only play here. The current UX is genuinely what is keeping me away from this site. Implementing these contextual hotkeys will drastically reduce misclicks as people get used to it, provide a 127% increase to sanity and a 300% decrease in carpel tunnel syndrome. Its faster, you'll make plays more confidently, its more intuitive, and it'll ultimately make it feel more like IRL since in IRL you aren't handicapped by the controls.

Really really hope this happens haha

[quote="necroblade77":157tj7mt][quote="Christen57":157tj7mt]I may be able to do implement something like this using javascript, but exactly which actions would you like a hotkey for?[/quote:157tj7mt]

That'd be amazing, I looked into it briefly but didn't see an easy way to do that (I'm a C++ software engineer so.. not super familiar with the web world)[/quote:157tj7mt]

Javascript is a programming language just like C++ is. It's the programming language duelingbook is built on.

Anyways, here you go! [url:157tj7mt]https://forum.duelingbook.com/viewtopic.php?f=13&t=31743[/url:157tj7mt]

Javascript is a programming language just like C++ is. It's the programming language duelingbook is built on.

Haha! Yeah its not so much the language as it is the environment I'm not familiar with. Today I learned what a bookmarklet is haha! When I was trying to figure something out, I was going through DB's code in the debugger looking for API calls that I'd wanna make and didn't get very far.

I didn't think to just.. iterate the DOM and simulate clicks hahaha!

Man this is so smooth, you're amazing thanks so much! Seriously this is a game changer, everyone should try and use this!