Feature: Implement Changing mouse cursor shape - Githubissues

hunkim98 / dotting

Dotting is a pixel art editor component library for react

https://hunkim98.github.io/dotting/

MIT License

43 stars 12 forks source link

Feature: Implement Changing mouse cursor shape #19

Closed lerrybe closed 1 year ago

lerrybe commented 1 year ago

Changing mouse cursor shape would be necessary for dotting-genai, so I did a simple work related to it.

Changes

Change mouse cursor based on the current selected brush mode.
I thought it would be okay to change cursor only when the mouse moves inside the pixel index. So the relevant part is implemented inside the onMouseMove function.
Cursor shapes are based on icons in the figma (Genai).

Next up?

Now In dotting, color previews are possible when hover. so I didn't implement color previews that follow the cursor, but I think it would be good to discuss it later.
If there's a better way, please leave it in the comments and fix it. Thanks!

ScreenShot

ezgif com-video-to-gif

hunkim98 commented 1 year ago

We will merge this PR since this is needed in dotting-genai. However, the issue(#19) will not be closed since there are parts that should be covered more.