用途
本技能面向 Three.js 中的材质（Material）使用，帮助在渲染三维场景时为网格（mesh）选择合适的材质类型、配置属性、绑定纹理，并在需要时编写自定义 GLSL 着色器。适用于样式化网格、处理纹理、创建自定义着色器，以及调试法线、深度等可视化需求。
主要能力
- 材质类型总览：以表格形式列出 MeshBasicMaterial、MeshLambertMaterial、MeshPhongMaterial、MeshStandardMaterial、MeshPhysicalMaterial、MeshToonMaterial、MeshNormalMaterial、MeshDepthMaterial、ShaderMaterial、RawShaderMaterial 的用途与是否受光照影响。
- 各材质参数说明：分别给出基础、Lambert、Phong、Standard（PBR）、Physical（高级 PBR）等材质的常用配置项，如 color、roughness、metalness、specular、shininess、clearcoat、transmission、ior、sheen、iridescence、anisotropy 等。
- 专用材质：PointsMaterial（点云）、LineBasicMaterial 与 LineDashedMaterial（实线与虚线）、MeshToonMaterial（卡通描影）、MeshNormalMaterial（法线调试）、MeshDepthMaterial（深度渲染）。
- 自定义着色器：ShaderMaterial 与 RawShaderMaterial 的写法，包含 uniforms、vertexShader、fragmentShader 示例，以及 Three.js 自动提供的内置 uniform 与 attribute 列表。
- 通用属性：所有材质共享的可见性、渲染、混合、模板、多边形偏移等基础属性。
- 进阶用法：多材质分配与几何体分组、环境贴图（立方体贴图与 HDR）、材质克隆与运行时修改、needsUpdate 的适用场景。
- 性能建议：材质复用、避免透明、使用 alphaTest、选择更简单的材质、限制活动光源数量、材质池化与 dispose 释放。
使用方式
以代码示例为主。快速上手示例展示如何用 MeshStandardMaterial 创建 PBR 材质并赋给网格：
import * as THREE from "three";
const material = new THREE.MeshStandardMaterial({
color: 0x00ff00,
roughness: 0.5,
metalness: 0.5,
});
const mesh = new THREE.Mesh(geometry, material);
随后按材质类型分别给出配置示例，例如玻璃材质、车漆材质、卡通渐变贴图、点云、虚线（需调用 line.computeLineDistances()）、自定义着色器（在动画循环中更新 uniform）等。环境贴图部分给出 CubeTextureLoader 与 RGBELoader 的加载方式，并说明可设置到材质或 scene.environment。
适用场景
- 需要为不同表面选择合适材质（写实、卡通、无光照、调试可视化）。
- 需要配置 PBR 参数与各类纹理贴图（颜色、粗糙度、金属度、法线、AO、位移、自发光等）。
- 需要实现玻璃、车漆、织物、虹彩、拉丝金属等高级外观。
- 需要编写自定义 GLSL 着色器或完全控制着色器管线。
- 需要优化材质相关性能，或排查法线、深度、z-fighting 等问题。
限制
资料未提供该技能的安装方式、运行环境要求、版本兼容范围、收费或授权信息，暂未提供。部分细节需注意：aoMap 需要第二个 UV 通道（示例中通过 geometry.setAttribute("uv2", geometry.attributes.uv) 设置）；LineBasicMaterial 的 linewidth 大于 1 仅在部分系统生效；虚线必须调用 computeLineDistances()；needsUpdate 仅在部分修改（如 flat shading、纹理、transparent、自定义着色器代码变更）时需要。