Material

材质

API

MeshBasicMaterial

基本材质，不受光照影响

const material = new THREE.MeshBasicMaterial({
  color?: ColorRepresentation, // 0x00ff00,

  map?: Texture, // 贴图
  alphaMap?: Texture, // 透明度贴图，黑色为全透明，白色为不透明
  aoMap?: Texture, // 光照贴图，用于模拟环境光的遮挡，使得物体看起来更加立体
  envMap?: Texture, // 环境贴图
  lightMap?: Texture, // 静态的光照贴图
  specularMap?: texture, // 高光贴图

  reflectivity: number, // 设置反射强度，默认为1

  // FrontSide, BackSide, DoubleSide
  side: THREE.DoubleSide, // 显示正面，反面，双面
});

MeshNormalMaterial

不考虑光源，根据法线着色

const material = new THREE.MeshNormalMaterial();

MeshStandardMaterial

标准材质，根据光源着色

const material = new THREE.MeshStandardMaterial();

LineBasicMaterial

线材质

const lineMat = new THREE.LineBasicMaterial({
  color: 0xffffff,
});

色彩空间

色彩空间是一种数学模型，用值来表示颜色。THREE 将色彩空间分为如下

THREE.NoColorSpace;
THREE.LinearSRGBColorSpace; // 颜色值是线性分布的，即颜色值直接与物理光强成正比
THREE.SRGBColorSpace; // 由于人眼的感知特性，颜色和光线强度是不成正比的，通常需要进行伽马修正，用于非物理准确的渲染，例如显示器
THREE.DisplayP3ColorSpace; // 用于需要更宽广色域的场景，以支持更鲜艳的颜色表现
THREE.LinearDisplayP3ColorSpace;

参考