mulaRahul/keyviz

Different Animations/Look for Right Mouse Button and Middle Mouse Button on Click and Drag

Opened this issue ยท 8 comments

I use 3d Software and have to frequently use the Right Mouse Button and Middle Mouse Button. Currently there is no way to differentiate the Mouse Clicks unless you enable the show mouse events.

Describe the solution you'd like
On Right click perhaps we could change the shape to like a square and for the middle mouse click we could do to a triangle perhaps or some other shapes.

Describe alternatives you've considered
Instead of shapes we could also change the color on right click and middle mouse click. I think this is should be can be an additional feature instead of the main solution as you can have issue with color blindness and the above Solution would be more effective for that.

I second this one! ๐Ÿ˜„

I have a simpler (and hopefully more visually-analogous) suggestion for differentiating between mouse buttons: because the buttons are normally arranged left to right like: [ ] 0 [ ] then having an outlined set of three buttons appear for each click, with the triggered one highlighted/filled-in, would give visual context to whether the left, middle, or right mouse button has been clicked. This could then be presented in the same elegant visual style as the rest of the keystrokes, and would need no legend to decode the relationship between the on-screen indication and the physical mouse buttons.

I think going with different shapes or icons beside the cursor will be great. The same will be an optional addition to the current one. I would like more inputs about the shapes, here's something I came up with -

image

image

This looks Amazing. I wonder how the Animations would look tho since I'm not sure how animating from the bottom corners would look when the general mouse highlight is already surrounding the mouse. Im sure that can be solved after playing around with the animation a bit. The graphics look Solid tho

I like the idea of the shaped animations to denote which button was pressed, but am concerned that the visual distinction is too subtle between them, especially when a button is clicked momentarily and not held down. I make tutorial videos and clarity trumps aesthetics every time - if it looks nice but is hard to parse or catch the information then it's second place to something that is not as polished but reliably conveys that vital information.

So, I would tentatively suggest that the middle button's oval cursor is fine (it looks like a mousewheel, after all!), but to make the right button more distinct as a 'D' shape, and the left button being the mirror image of that. You might even go as far as a right-facing triangle for the right button (and vice versa for the left button), but I leave that to you to decide where you want to draw the line between design elegance and reliable interpretation by the watcher.

That's a great viewpoint from the viewers perspective, and yes I think the arrows will be much clear.

image

That's the feedback I'm looking for, thanks ๐Ÿ‘!

image

With this change you can also change the animation anchor to the middle as well. So you will essentially be blending the shapes. You can also try adding a parameter to the shapes to change the curves. Some ppl might want it sharper and others might want it curvier.

I'm glad it was helpful input for you ๐Ÿ˜… those triangles look amazing, thank you!

yw4z commented

Screenshot-20240921112142

here is 2 alternative from me