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


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,

Hi ! Do your materials have an envMap ?

Per, we recommend exporting via glTF. For 3DS Max you can use the glTF exporter written by the BabylonJS team:

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

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