Feature: Select Tool Implementation Step1 - Mark selected pixels

[hunkim98]

🚀 [Related Issue: #28 ]

Preview

https://user-images.githubusercontent.com/57612141/236849972-dc7642f8-14f2-4888-bd65-de05b1f0c724.mov

Changes

Mark selected pixels when brush tool is select

• [🎨Component] Modify GridLayer and InteractionLayer to mark selected pixels

  • Added selectingArea and selectedArea for marking selected pixels
  • When user is selecting the area with mousedown with SELECT brush tool, the selectingArea is set in Interaction Layer.
  • After a mouseup, the selectingArea transforms into a selectedArea, which is the area in the pixel grid that was included in the selectingArea. After it is transformed, the selectingArea becomesnull.
  • If there is a selectingArea or a selectedArea the lines are rendered in the grid layer through the method renderSelection

• [🔗Other] Remove render function calls in the methods of Grid Layers

  • Rendering in the any canvas, including Grid Layer, should only happen when the render method is directly called from the Editor class. If the render method is called in other layers, it is difficult to track, and difficult to draw additional drawings on that specific canvas context when needed.

Notes

• This is the first step of implementing a Select Tool. I will later implement the logic for moving the selected pixels around.

Next Up?

• I will continue to develop this feature.

[lerrybe]

It seems to be an essential and interesting brush tool. I'm excited and looking forward to this feature!

[hunkim98]

Thank you all for your comments! I have solved some issues that you have raised! Unsolved issues can be discussed later on another PR!

[hunkim98]

By the we could also talk about some PR conventions maintainers could agree on such as using Pn rule when reviewing. We could discuss this when we all meet together!🚀