WebGLProgram
WebGLProgram это часть WebGL API и комбинация двух составляющих WebGLShader
(en-US)-ов, состоящих из вертикального и фрагментного шейдеров (оба написаны на GLSL). Затем они связываются в готовую к использованию программу.
js
var program = gl.createProgram();
// Прикрепление уже существующих шейдеров
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);
gl.linkProgram(program);
if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
var info = gl.getProgramInfoLog(program);
throw "Could not compile WebGL program. \n\n" + info;
}
Смотрите WebGLShader
(en-US) для информации о том, как создать vertexShader
и fragmentShader
в примере выше.
Примеры
Использование программы
Шаги для того, чтобы сделать какую-то работу с программой, включают сообщение GPU об использовании программы, связывание соответствующих данных и параметров конфигурации и наконец отрисовку чего-то на экране.
js
// Использование программы
gl.useProgram(program);
// Связывание существующих атрибутов данных
gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
gl.enableVertexAttribArray(attributeLocation);
gl.vertexAttribPointer(attributeLocation, 3, gl.FLOAT, false, 0, 0);
// Отрисовка простого треугольника
gl.drawArrays(gl.TRIANGLES, 0, 3);
Удаление программы
Если существует ошибка связывания программы или вы хотите удалить существующую программу, тогда это так же просто, как запустить WebGLRenderingContext.deleteProgram()
(en-US). Это освободит память от связанной программы.
js
gl.deleteProgram(program);
Спецификация
Specification |
---|
WebGL Specification # 5.6 |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
WebGLShader
(en-US)WebGLRenderingContext.attachShader()
(en-US)WebGLRenderingContext.compileShader()
WebGLRenderingContext.createProgram()
(en-US)WebGLRenderingContext.createShader()
(en-US)WebGLRenderingContext.deleteProgram()
(en-US)WebGLRenderingContext.deleteShader()
(en-US)WebGLRenderingContext.detachShader()
(en-US)WebGLRenderingContext.getAttachedShaders()
(en-US)WebGLRenderingContext.getProgramParameter()
(en-US)WebGLRenderingContext.getProgramInfoLog()
(en-US)WebGLRenderingContext.getShaderParameter()
(en-US)WebGLRenderingContext.getShaderPrecisionFormat()
(en-US)WebGLRenderingContext.getShaderInfoLog()
WebGLRenderingContext.getShaderSource()
(en-US)WebGLRenderingContext.isProgram()
(en-US)WebGLRenderingContext.isShader()
(en-US)WebGLRenderingContext.linkProgram()
(en-US)WebGLRenderingContext.shaderSource()
WebGLRenderingContext.useProgram()
(en-US)WebGLRenderingContext.validateProgram()
(en-US)