I’m doing a project website with Flask and Vite (with VanillaJS using JQuery) that needs to have a functionality where I can customize a 3D object with a image. I’m going to use ThreeJS to do it.
I’m planning to do the following:
- Have the 3D object with it’s texture preloaded
- Have an option to upload an image of the custom logo or image
3. When uploaded, replace the texture it has with an overlay of the new image on top of the texture in specific coordinates (so it is on the middle all times)
How can I, using JavaScript or the Flask backend, replace on the upload of the image, the default texture with one that has the image on top of it. Is my way of thinking right, are there “layers” in the textures of ThreeJS, how can I accomplish this??