GLSL片段着色器中vec3分量位置调整后color.z值无法生效问题

问题诱因 #

GLSL的向量构造规则、HSB颜色空间的参数顺序共同导致了你感知到的异常：

1. GLSL的vec3构造器逻辑是严格按输入参数顺序依次填充分量，当传入1个标量+1个vec2时，会按「标量→x分量，vec2的x→y分量，vec2的y→z分量」的规则赋值，你写的vec3(color.x, st.xy)最终生成的向量实际是(color.x, st.x, st.y)，本身不存在z分量赋值失败的问题。
2. hsb2rgb函数的输入参数顺序为色相(H)、饱和度(S)、明度(B)，对应vec3的x、y、z三个分量。你修改后的代码相当于固定色相为蓝色的色相值，饱和度随水平坐标变化，明度随垂直坐标变化，输出的就是蓝色系不同饱和度、明度的色板，和你之前的全色相拾色板效果差异很大，才会让你误以为z分量没有生效。

修复方案 #

根据你的实际需求选择对应写法即可：

• 如果你需要原来的全色相拾色板效果，改回原有写法：

color = hsb2rgb(vec3(st.xy, color.z));

• 如果你需要固定色相的同色系拾色板，现有代码逻辑是正确的，不需要修改。如果要验证z分量是否正常生效，可以临时加一行调试代码查看z分量的渐变效果：

// 单独输出z分量灰度图，可看到z分量随st.y正常变化
fragColor = vec4(vec3(color.z), 1.0);

• 如果你有其他参数顺序的需求，严格按照hsb2rgb(vec3(H值, S值, B值))的顺序传参即可。

内容的提问来源于stack exchange，提问作者Emil