Hi. I am three.js developer.3d clothes configurator like below.fabric js ? Does it contain a .dxf file? what are these template pictures of t-shirt?different textures to one layer and change the position? The most important part is syncing 2d canvas and 3d canvas with different files .
https://dsign4you.com/3d/?design=33335&q=hq&showcompanylogo=false
1 Like
Fennec
January 10, 2024, 11:38pm
2
This should get you started:
This is just an extension of the other example .
Time to time, people ask about such interactive things. For example, an editor of prints on t-shirts https://jsfiddle.net/prisoner849/rr1bsfsj/show/
[Three_and_Fabric]
If you need mouse interactions on the 3D model, continue here:
The codebase for this is from this post by prisoner849 i added a feature where u can drag, scale, and rotate the fabricjs object directly from threejs 3d model, so you don’t need do that from the fabricjs canvas, just hide it here it was done by combining this example with this repo .
You can get the code here or try p…
1 Like
Parisa_Shahbazi:
I need roadmap.
Create a 3d model of your product/or buy. export to obj
Make sure the UV Map is correctly managed
Export the UV Layout
Import the UV Layout to vector editor software (illustrator, corel draw)
Trace the UV layout and add some design, save to svg
start with this https://codepen.io/Zhu-Zhang/pen/vYPOdQw
Work your way to change the 3d model
Implement fabric.loadSvgFromUrl to load the svg from previous step
Basically those are the steps to create what u wanted
1 Like
do you have the github code for the software in the picture?
1 Like
