如何获取WebGL2.0/OpenGL ES中排除Uniform Buffer的Uniform列表

一、WebGL 2.0 筛选不属于Uniform Buffer的独立Uniforms #

你提到的gl.getActiveUniform返回UBO内的uniform是正常行为——这些是块内的活跃uniform，但我们确实需要把它们和独立uniform区分开。用gl.getUniformLocation返回null的方法有个弊端：如果uniform被编译器优化掉（比如没被实际使用），也会返回null，容易误判。

更可靠的方案是通过查询uniform所属的UBO块索引来判断：
每个活跃uniform都可以通过gl.getActiveUniforms获取它的gl.UNIFORM_BLOCK_INDEX，如果这个值是-1，说明该uniform不属于任何UBO，是我们需要的独立uniform。

代码示例 #

function getNonUBOUniforms(gl, program) {
  const nonUBOUniforms = [];
  const uniformCount = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
  
  for (let i = 0; i < uniformCount; i++) {
    // 获取当前uniform所属的UBO块索引
    const blockIndex = gl.getActiveUniforms(program, [i], gl.UNIFORM_BLOCK_INDEX)[0];
    if (blockIndex === -1) {
      // 获取该uniform的详细信息
      const uniformInfo = gl.getActiveUniform(program, i);
      nonUBOUniforms.push({
        name: uniformInfo.name,
        type: uniformInfo.type,
        size: uniformInfo.size
      });
    }
  }
  return nonUBOUniforms;
}

这个方法能精准区分两类uniform，不会把被优化掉的uniform误判成UBO内的项，非常适合后续分别处理的逻辑。

二、OpenGL ES 2.0 获取顶点着色器的所有Uniforms #

OpenGL ES 2.0（对应WebGL 1.0）没有Uniform Buffer的概念，要单独获取顶点着色器的uniform，不需要筛选，直接查询单个顶点着色器对象的活跃uniform即可——因为ES2支持直接查询单个着色器的活跃资源，不需要依赖链接后的程序。

代码示例（WebGL1/ES2） #

function getVertexShaderUniforms(gl, vertexShader) {
  const vertexUniforms = [];
  const uniformCount = gl.getShaderParameter(vertexShader, gl.ACTIVE_UNIFORMS);
  
  for (let i = 0; i < uniformCount; i++) {
    // 获取顶点着色器内的单个uniform信息
    const uniformInfo = gl.getActiveShaderUniform(vertexShader, i);
    vertexUniforms.push({
      name: uniformInfo.name,
      type: uniformInfo.type,
      size: uniformInfo.size
    });
  }
  return vertexUniforms;
}

注意：需要保留编译后的顶点着色器对象（不要在链接后立刻删除），才能执行这个查询。如果已经链接了程序，只要着色器对象还存在，这个方法依然有效。

三、OpenGL ES 3.0 中UBO的优化处理 #

ES3.0的处理逻辑和WebGL2完全一致：通过glGetActiveUniforms查询GL_UNIFORM_BLOCK_INDEX，判断是否为-1来筛选非UBO的uniform，这是标准的OpenGL官方推荐方案，比依赖glGetUniformLocation返回null要稳定得多，能避免编译优化带来的误判。

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