08 What Three.js writes for you

Material: why a surface looks like plastic or metal

Drag the roughness and compare highlights and reflections.

Roughness0.35

0.021

Metalness0.00

Explanation

Drag the underlined numbers left and right

const material = new THREE.MeshStandardMaterial({  roughness: ,  metalness: });// the environment map provides visible reflections

Roughness / metalnessDecide how the surface responds to light. They are uniforms of Three.js’s built-in shader.

JS side

MeshStandardMaterial is a big fragment shader Three.js wrote for you; roughness and metalness are just its uniforms.

Try it