# 3D clothes Configurator

**URL:** <https://discourse.threejs.org/t/3d-clothes-configurator/60156>\
**Category:** Questions\
**Tags:** 3d-applications, canvas-2d, shader-material, object3d, textures, materials, geometry, 3d-configurator\
**Created:** [January 10, 2024, 11:16am UTC](https://discourse.threejs.org/t/3d-clothes-configurator/60156 "2024-01-10T11:16:08Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Fennec](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fennec/32/59265_2.png) [@Fennec](https://discourse.threejs.org/u/Fennec)\
**Post date:** [January 10, 2024, 11:38pm UTC](https://discourse.threejs.org/t/3d-clothes-configurator/60156/2 "2024-01-10T23:38:33Z")

</div>

This should get you started:

> [@Three.js + Fabric.js](https://discourse.threejs.org/t/three-js-fabric-js/2111):
>
> This is just an extension of the other [example](https://threejs.org/examples/webgl_materials_texture_canvas). Time to time, people ask about such interactive things. For example, an editor of prints on t-shirts wink I haven’t worked with Fabric.js before, I just knew that it exists. smile Today I’ve tried to combine two libraries to create a dynamic and (kind of) editable texture. I hope, this topic will be a good start point for someone beers[https://jsfiddle.net/prisoner849/rr1bsfsj/show/](https://jsfiddle.net/prisoner849/rr1bsfsj/show/)

If you need mouse interactions on the 3D model, continue here:

> [@Three.js + Fabric.js but with mouse and touch raycast](https://discourse.threejs.org/t/three-js-fabric-js-but-with-mouse-and-touch-raycast/34578):
>
> The codebase for this is from this [post](https://discourse.threejs.org/t/three-js-fabric-js/2111) by [prisoner849](https://discourse.threejs.org/u/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 laughing. I’ve been developing this for a while now, since i put a lot of time and money into this hope someone will find this helpful. Final product of this you can access it [here](https://jersey-designer.netlify.app/) it was done by combining [this example](https://discourse.threejs.org/t/three-js-fabric-js/2111) with this [repo](https://github.com/devramkumardnagarajan/3d-Tshirt-design). You can get the code [here](https://github.com/naonvl/threejs-fabricjs-raycast) or try p…

---

_[View the full topic](https://discourse.threejs.org/t/3d-clothes-configurator/60156)._