What is the best Material in threeJs for clothing

materials

#1

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 ?


#2

Hi!
There’s an interesting example for velvet:


#3

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


#4

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


#5

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 :slight_smile:


#6

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.


#7

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


#8

what do you mean ?


#9

I’m about this Velvet material


#10

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/


#11

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