UV 可视化

将 UV 坐标直接转为颜色值，便于理解 vUv 的颜色映射。

概览

• 按步骤完成练习。

学习目标

• 学习如何将UV坐标的x和y分量分别映射到颜色的R和G通道。
• 理解这种可视化方法如何帮助调试和理解UV坐标的分布。
• 能够创建一个简单的UV可视化着色器。
• 认识到UV坐标在纹理采样和程序化图案生成中的重要性。

前置知识

• uv-coordinates

关键概念

• vUv 是归一化 UV（[0,1]）。

vec2 uv = vUv;

如何实现（步骤）

• 将 vUv 映射为 RGB 颜色
• 红色通道表示 vUv.x，绿色通道表示 vUv.y，蓝色设为 0
• 输出颜色

自检

• 是否能无错误编译？
• 输出是否符合目标？
• 关键数值是否在 [0,1]？

常见坑

• 如果画面全黑，检查遮罩/因子是否一直为 0。