🎨 纹理贴图通道详解
对比不同贴图通道的效果
📋 贴图通道列表
💡 当前通道说明
⚠️ 提示:使用 GUI 切换不同的贴图通道,观察效果变化!
🎮 操作说明
• 鼠标拖拽:旋转视角
• 鼠标滚轮:缩放
• 右键拖拽:平移
• GUI 面板:切换贴图通道
📝 代码示例
// 完整的 PBR 材质
const material = new THREE.MeshStandardMaterial({
map: colorTexture, // 颜色
normalMap: normalTexture, // 法线
roughnessMap: roughTexture, // 粗糙度
metalnessMap: metalTexture, // 金属度
aoMap: aoTexture, // 环境光遮蔽
emissiveMap: emissiveTexture // 自发光
});