I’m playing around with
DecalGeometry and having a “sticker” follow my cursor.
Here is the JSfiddle, where you can hover over the cube and click to appy the decal.
Notice that on flat surfaces, it works as intended, but on the edges we get some stretching (see image below).
My understanding is this is a limitation of the algorithm used within
DecalGeometry, but I’m wondering if there may be a way to solve this if I can be certain my object has only right angle edges and is a cube.
I had one wild idea where I could maybe use
CanvasTexture for each face and draw the decal based on the mouse position, and if it overlaps an edge, draw the respective portions on each face, but that seems like overkill…
Any thoughts / ideas appreciated!