Hi there, I’m building a web tool to model different textures (based on pictures) on the surface of a shoe shape (this can be either in 2D or 3D - the decision is based on the complexity and possibilities). These textures should be visible simultaneously (not on top of each other by overlay, but next to each other and limited by a vector or a straight line, a slide-in handle or something).
Here’s an example of what I’m trying to achieve (don’t mind the “border” panel):
Instead of the “area” panel, I’d rather have the picture to be placed on the shoe in a way that could be dragged around (within the shoe area) and its edges redimensioned as a mask would behave. In any case, if this cannot be achieved, then having the predefined areas - as the example shows - to set the limit where the texture would be applied is also ok.
I haven’t found anything similar so I’m still researching the best way to develop it. Disclosure: I’m a web developer but I have zero experience with Three.js.