What is the best way to implement a real-time transformable sticker on an object using Three.js?

Question

JavaScript

So that the user can move, scale and rotate this sticker on the mesh in real time. If, with each change, all transform operations are carried out on the canvas, and the canvas is returned as a newly created texture, then this should be slow and somehow ugly. And if it can be done with a shader, how about? What would be the best way to implement this in general?

Answer 1

move, scale and rotate this sticker on the mesh

Move, scale and rotate uv coordinates in the vertex shader.