Metal Material with MeshStandardMaterial in three.js

Question

From what I know it should be possible to use MeshStandardMaterial to define metal-like-materials in Three.js which should follow a pbr-roughness-metalness-workflow but I cannot find any good examples on how to accomplish that.

I cannot use Phong-Shader, I have to stick to MeshStandardMaterial.

I want to achieve something like this:

Answer 1

Yes, you can use MeshStandardMaterial to represent a metal-like material. Be sure to specify an environment map -- especially for metals.

material = new THREE.MeshStandardMaterial( {

    color: 0xffffff,

    roughness: roughness,
    metalness: metalness,

    roughnessMap: roughnessMap,
    metalnessMap: metalnessMap,

    envMap: envMap, // important -- especially for metals!
    envMapIntensity: envMapIntensity

} );

See the three.js example.

three.js r.84