MeshStandardMaterial

构造参数是一个配置对象，对象里的键会直接赋给同名属性： new THREE.MeshStandardMaterial({ color: 0x99aabb, roughness: 0.7 })。 未传入的属性取默认值。

常用参数

成员

方法

基本用法

const material = new THREE.MeshStandardMaterial({
  color: 0x8fa6c0,
  roughness: 0.62,
  metalness: 0.15,
  side: THREE.DoubleSide
});

const mesh = new THREE.Mesh(
  new THREE.BoxGeometry(4, 4, 4),
  material
);
scene.add(mesh);

改颜色这类标量或颜色属性直接赋值即可生效； 增删贴图（例如把 map 从 null 换成一张纹理）必须写 material.needsUpdate = true，否则着色器不会重编译。

粗糙度与金属度怎么取

这两个参数决定高光的形状与强度。metalness 为 0 时高光颜色来自光源， 为 1 时高光颜色取自材质本身。混凝土、木材、地形这类表面应保持金属度为 0， 粗糙度在 0.7 到 1 之间；金属栏杆、幕墙玻璃则把金属度提到 0.6 以上，粗糙度压到 0.3 以下。

金属度大于 0 的材质几乎只靠环境贴图提供颜色。没有 scene.environment 也没有 envMap 时，金属部分会变成一片暗色， 这是场景「发黑」的最常见原因。

顶点色与批量着色

// 几何体带 color 属性时，材质要显式开启
material.vertexColors = true;
material.needsUpdate = true;

// 关闭光照相关计算，适合纯色示意
const flat = new THREE.MeshBasicMaterial({ vertexColors: true });

顶点色与 color 是相乘关系。想用顶点色表达高程色带时， 应把 material.color 保持白色，否则颜色会被整体压暗。