Currently, I am in the process of developing a unique sketching application using the HTML5 Canvas element. Despite my progress, there is one particular challenge that has stumped me.
The main concept of the application involves allowing users to manipulate existing stroke data (points) with complete freedom. This includes the ability to push points around as if using a magnet tool and changing their characteristics such as color.
It's worth noting that the current brush engine has the capability to create shading by considering existing stroke data. However, this method is somewhat rudimentary as it simply checks each point in the stroke against a certain distance rule.
The real issue lies in finding an efficient way to access all points within a given canvas coordinate and radius for manipulation. While other features are important, such as minimizing space usage, the primary focus should be on performing queries effectively. I don't mind implementing additional processing between strokes when the user is not actively painting.
If you have any advice or suggestions, they would be greatly appreciated. :)