materialColor
materialColor
提供材质的基础(漫反射)颜色,并已内置了将其 `.color` 属性与 `.map` 纹理相乘的逻辑。
核心优势
其核心优势是自动组合:它将最常见的“颜色与纹理相乘”操作封装起来,同时提供了与标准材质一致的 `material.color` API,极大地简化了工作流。
常见用途
作为最终的颜色输出,以显示材质的基础外观。
作为颜色混合的输入源之一(例如与菲涅尔效应混合)。
用于视觉调试,以快速检查基础颜色或纹理设置。
驱动其他视觉效果,如根据其亮度决定自发光强度。
如何调整
通过在 JavaScript 中修改 `material.color`(一个 `THREE.Color`)来为材质染色,或设置 `material.map`(一个 `THREE.Texture`)来应用纹理。如果两者都设置,最终结果是它们相乘的效果。
代码示例
1// 基于菲涅尔效应,在材质基础色和白色高光之间混合
2const fresnelFactor = fresnel( normalView ).pow( 5 );
3const finalColor = mix( materialColor, vec3( 1 ), fresnelFactor );