Feature/extend grid interaction - 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/extend grid interaction #26

Closed Lee-Si-Yoon closed 1 year ago

Lee-Si-Yoon commented 1 year ago

🚀 [Related Issue: #7 ]

Preview

larger extension activation area when zoomed out

currently when zoomed out to max, extension activation area is tripled to button's height

corner extension

Responsive extension activation area

[🎨Component]
- unable to draw new rects when extending via adding condition in onMouseDown
- not rendering indicator rects when MouseMode.EXTENDING
- removed arrowHeads
- tested corner extension(right-top) -> just ditto of previous
[🔗Other]
- Added range lerp function to utils

Notes

there should be a better way to implement corner extension, but if improving is redundant plz leave a comment, I'll just replicate all to left 3 corners. before this I'll leave this as a draft

hunkim98 commented 1 year ago

I will close this PR since this PR will be irrelevant when PR #27 is applied to the main branch. Thank you for your great work!