Best practices to export and import GLB file to render metals and textures

Questions
, ,
#1

Hello,

I am making a model in AutoDesk Max and trying to diplay it on the web with three.

However, it is rendered completely different than in the software: the body reflects light and the metals are not rendered at all (looks like plastic).

What are the best practices to export and then import a model in Three.js so that it renders the same ?

Thank you very much,

How can I get metal material of my model rendered properly?
#2

Hi ! Do your materials have an envMap ?

#3

Per https://threejs.org/docs/#manual/en/introduction/Loading-3D-models, we recommend exporting via glTF. For 3DS Max you can use the glTF exporter written by the BabylonJS team: https://doc.babylonjs.com/resources/3dsmax_to_gltf

For more specific help you’ll need to provide more details – screenshots, material configuration before/after, how you’re exporting so far, etc.

#4

Hey!
Spent the whole day on it. I have found the solution to render metal on a loaded gltf model :

var reflectionCube = new THREE.CubeTextureLoader().load( urls );
  avatar.traverse( function ( child ) {

      if ( child instanceof THREE.Mesh ) {

          child.material.envMap = reflectionCube;
          child.material.envMapIntensity = 0.7;
          // add any other properties you want here. check the docs.

      }

  } );
1 Like