# What is the best Material in threeJs for clothing

**URL:** <https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088>\
**Category:** Questions\
**Tags:** materials\
**Created:** [June 10, 2018, 6:13pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088 "2018-06-10T18:13:41Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![eshiett1995](https://avatars.discourse-cdn.com/v4/letter/e/6de8d8/32.png) [@eshiett1995](https://discourse.threejs.org/u/eshiett1995)\
**Post date:** [June 10, 2018, 6:13pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/1 "2018-06-10T18:13:41Z")

</div>

There are alot of materials in Threejs i know if one is going for shiny surface he should use MeshPhongMaterial, but what if i what to produce a cloth material, what can i use ?

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [June 10, 2018, 6:28pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/2 "2018-06-10T18:28:57Z")

</div>

Hi!  
There’s an interesting example for velvet:

> [@Velvet material](https://discourse.threejs.org/t/velvet-material/2766):
>
> Authored with Verge3D (Three.js-based) Check it out: [https://cdn.soft8soft.com/demo/player/player.html?load=../applications/materials/blender\_essential/export/velvet\_soft.gltf.xz](https://cdn.soft8soft.com/demo/player/player.html?load=../applications/materials/blender_essential/export/velvet_soft.gltf.xz)

---

<div class="post-metadata">

**Author:** ![eshiett1995](https://avatars.discourse-cdn.com/v4/letter/e/6de8d8/32.png) [@eshiett1995](https://discourse.threejs.org/u/eshiett1995)\
**Post date:** [June 10, 2018, 6:43pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/3 "2018-06-10T18:43:05Z")

</div>

Ive seen the code, but it doesnt seem like threeJs?

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [June 10, 2018, 7:00pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/4 "2018-06-10T19:00:59Z")

</div>

> [@eshiett1995](#):
>
> use MeshPhongMaterial, but what if i what to produce a cloth material, what can i use ?

`THREE.MeshStandardMaterial()` with less metalness and more roughness with a texture(s) for `._XX_map` parameters.

---

<div class="post-metadata">

**Author:** ![pailhead](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pailhead/32/85_2.png) [@pailhead](https://discourse.threejs.org/u/pailhead)\
**Post date:** [June 10, 2018, 8:29pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/5 "2018-06-10T20:29:46Z")

</div>

`MeshStandardMaterial` should theoretically be the best material for any surface property, since it’s supposed to be physically based. It’s as best for clothing as it it’s best for gold, or plastic, or cars, or whatever 🙂

---

<div class="post-metadata">

**Author:** ![John\_Christian\_Lonningdal](https://avatars.discourse-cdn.com/v4/letter/j/c89c15/32.png) [@John\_Christian\_Lonningdal](https://discourse.threejs.org/u/John_Christian_Lonningdal)\
**Post date:** [June 15, 2018, 9:33am UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/6 "2018-06-15T09:33:22Z")

</div>

If you have a somewhat new computer (last 5 years) and an ok graphics card, use MeshStandardMaterial for all surfaces as pailhead hints about. I personally use it for all surfaces as you get the best results and have lots of adjustment possibilities.

As for cloth you might want a custom shader if the surface has special reflection like velvet, otherwise just use MeshStandardMaterial with metalness = 0, and perhaps roughness = 0.4 or so.

---

<div class="post-metadata">

**Author:** ![YuriKovelenov](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yurikovelenov/32/22420_2.png) [@YuriKovelenov](https://discourse.threejs.org/u/YuriKovelenov)\
**Post date:** [June 27, 2018, 12:50pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/7 "2018-06-27T12:50:40Z")

</div>

this is basically three.js integrated with 3ds Max and Blender

---

<div class="post-metadata">

**Author:** ![eshiett1995](https://avatars.discourse-cdn.com/v4/letter/e/6de8d8/32.png) [@eshiett1995](https://discourse.threejs.org/u/eshiett1995)\
**Post date:** [June 27, 2018, 12:52pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/8 "2018-06-27T12:52:44Z")

</div>

what do you mean ?

---

<div class="post-metadata">

**Author:** ![YuriKovelenov](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yurikovelenov/32/22420_2.png) [@YuriKovelenov](https://discourse.threejs.org/u/YuriKovelenov)\
**Post date:** [June 27, 2018, 12:54pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/9 "2018-06-27T12:54:59Z")

</div>

I’m about this [Velvet material](https://discourse.threejs.org/t/velvet-material/2766)

---

<div class="post-metadata">

**Author:** ![eshiett1995](https://avatars.discourse-cdn.com/v4/letter/e/6de8d8/32.png) [@eshiett1995](https://discourse.threejs.org/u/eshiett1995)\
**Post date:** [June 27, 2018, 12:57pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/10 "2018-06-27T12:57:02Z")

</div>

i Saw it Sir, been trying to study how this was achieved, please can you help me shine more light. I am trying to make my cloth 3D configurator more realistic it seems so flat. [https://ngcouture.herokuapp.com/](https://ngcouture.herokuapp.com/)

---

<div class="post-metadata">

**Author:** ![YuriKovelenov](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/yurikovelenov/32/22420_2.png) [@YuriKovelenov](https://discourse.threejs.org/u/YuriKovelenov)\
**Post date:** [June 27, 2018, 1:04pm UTC](https://discourse.threejs.org/t/what-is-the-best-material-in-threejs-for-clothing/3088/11 "2018-06-27T13:04:26Z")

</div>

It was achieved by using 3ds Max or Blender’s native material editor. In our approach a custom shader is not written by hand as in pure three.js, but rather created by 3D artists in their familiar environment. You can check out the source files of our demos to get an idea