Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
KenzKD opened this issue May 19, 2024 · 10 comments
Labels
✨ enhancement New feature or request

Comments

@KenzKD
Copy link

KenzKD commented May 19, 2024

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.

@Several-Record7234
Copy link

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.

@mulaRahul
Copy link
Owner

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

@mulaRahul mulaRahul added the ✨ enhancement New feature or request label Sep 16, 2024
@mulaRahul mulaRahul pinned this issue Sep 16, 2024
@KenzKD
Copy link
Author

KenzKD commented Sep 16, 2024

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

@Several-Record7234
Copy link

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.

@mulaRahul
Copy link
Owner

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 👍!

@KenzKD
Copy link
Author

KenzKD commented Sep 16, 2024

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.

@Several-Record7234
Copy link

I'm glad it was helpful input for you 😅 those triangles look amazing, thank you!

@yw4z
Copy link

yw4z commented Sep 21, 2024

Screenshot-20240921112142

here is 2 alternative from me

@GitHubGoody
Copy link

I like the second of @yw4z's options.

@byAndrewsDesign
Copy link

byAndrewsDesign commented Nov 15, 2024

SVG File/ ideas
MouseUI

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

6 participants