WebGLProgram

WebGLProgram является частью API WebGL и представляет собой комбинацию двух скомпилированных WebGLShader, состоящих из шейдера вершин и шейдера фрагментов (оба написаны на GLSL).

Для создания WebGLProgram, вызовите функцию createProgram() контекста GL. После присоединения программ шейдеров с помощью attachShader(), их связывают в рабочую программу. Это показано в коде ниже.

const program = gl.createProgram();

// Attach pre-existing shaders
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);

gl.linkProgram(program);

if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
  const info = gl.getProgramInfoLog(program);
  throw `Could not compile WebGL program. \n\n${info}`;
}

См. WebGLShader для получения информации о создании vertexShader и fragmentShader в приведенном выше примере.

Шаги для фактической работы с программой включают указание графическому процессору использовать программу, привязку соответствующих данных и параметров конфигурации, а затем вывод чего-либо на экран.

// Use the program
gl.useProgram(program);

// Bind existing attribute data
gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
gl.enableVertexAttribArray(attributeLocation);
gl.vertexAttribPointer(attributeLocation, 3, gl.FLOAT, false, 0, 0);

// Draw a single triangle
gl.drawArrays(gl.TRIANGLES, 0, 3);

Если при связывании программы возникла ошибка или вы хотите удалить существующую программу, достаточно выполнить WebGLRenderingContext.deleteProgram(). Это освобождает память связанной программы.

gl.deleteProgram(program);

• WebGLShader
• WebGLRenderingContext.attachShader()
• WebGLRenderingContext.compileShader()
• WebGLRenderingContext.createProgram()
• WebGLRenderingContext.createShader()
• WebGLRenderingContext.deleteProgram()
• WebGLRenderingContext.deleteShader()
• WebGLRenderingContext.detachShader()
• WebGLRenderingContext.getAttachedShaders()
• WebGLRenderingContext.getProgramParameter()
• WebGLRenderingContext.getProgramInfoLog()
• WebGLRenderingContext.getShaderParameter()
• WebGLRenderingContext.getShaderPrecisionFormat()
• WebGLRenderingContext.getShaderInfoLog()
• WebGLRenderingContext.getShaderSource()
• WebGLRenderingContext.isProgram()
• WebGLRenderingContext.isShader()
• WebGLRenderingContext.linkProgram()
• WebGLRenderingContext.shaderSource()
• WebGLRenderingContext.useProgram()
• WebGLRenderingContext.validateProgram()