Flat Shading

Shading that assigns a uniform color across the entire face. Useful for scenes that don’t necessarily need detailed materials.

Usage

// could be any three.js material
const material = new MeshStandardMaterial({
  flatShading: true,
});

When switching between flat and non-flat shading, the needsUpdate prop of the material must be set to true for the material to be properly updated.

material.flatShading = !material.flatShading;
material.needsUpdate = true;