同一Mesh上双OpenGL Texture独立变换实现求助

核心原因 #

问题根源在于单个Mesh默认只有一套UV纹理坐标，所有采样该Mesh的纹理都会共用这套UV，修改UV时两个纹理自然会同步变化。要实现独立变换，必须让两个纹理拥有各自独立的UV控制逻辑。

具体解决方案 #

方法1：为Mesh添加第二套UV通道 #

这是最直接的方案，给Mesh新增一套独立的UV坐标（通常称为UV2）：

• 在建模软件（如Blender、Maya）中，为模型手动烘培或绘制第二套UV，确保两套UV可独立编辑。
• 代码加载Mesh时，同时读取两套UV数据，分别传递给Shader的两个纹理采样器。
• 变换操作仅针对第二套UV的偏移、缩放参数，第一套UV保持原始状态即可。

方法2：在Shader中使用纹理变换矩阵（无需修改Mesh） #

如果不想改动Mesh的UV结构，可以在Shader中为每个纹理单独设置变换矩阵，通过矩阵运算实现独立的平移、缩放、旋转：

1. 在Shader中定义两个uniform矩阵，分别对应两个纹理的变换：

uniform mat2 u_Texture1Transform;
uniform mat2 u_Texture2Transform;

2. 采样纹理时，分别对UV进行矩阵变换：

vec2 uv1 = u_Texture1Transform * v_Uv;
vec4 texColor1 = texture(u_Texture1, uv1);

vec2 uv2 = u_Texture2Transform * v_Uv;
vec4 texColor2 = texture(u_Texture2, uv2);

3. 在CPU代码中，仅更新第二个纹理的变换矩阵（比如调整缩放比例、平移偏移），第一个纹理保持单位矩阵即可。

方法3：使用纹理偏移/缩放参数替代UV修改 #

如果只需要简单的平移和缩放，也可以在Shader中为每个纹理单独设置offset和scale参数：

uniform vec2 u_Tex1Offset;
uniform vec2 u_Tex1Scale;
uniform vec2 u_Tex2Offset;
uniform vec2 u_Tex2Scale;

// 采样时计算变换后的UV
vec2 uv1 = (v_Uv * u_Tex1Scale) + u_Tex1Offset;
vec2 uv2 = (v_Uv * u_Tex2Scale) + u_Tex2Offset;

之后在代码中仅更新u_Tex2Offset和u_Tex2Scale，就能单独控制第二个纹理的变换效果。

注意事项 #

• 若使用多UV通道，需确保你的渲染API（如OpenGL、WebGL、Unity等）支持多UV数据的读取与传递。
• 纹理变换矩阵可组合平移、缩放、旋转操作，比单独的offset/scale参数更灵活，适合复杂变换需求。

内容的提问来源于stack exchange，提问作者He-man