WebGLProgram

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..

* Some parts of this feature may have varying levels of support.

WebGLProgram это часть WebGL API и комбинация двух составляющих WebGLShader-ов, состоящих из вертикального и фрагментного шейдеров (оба написаны на 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 для информации о том, как создать 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);

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 12 мая 2024 г. by MDN contributors.

View this page on GitHub • Report a problem with this content

WebGL
WebGLProgram
Наследование
1. WebGLObject
Похожие страницы для WebGL
Руководства
1. WebGL constants
2. WebGL types
3. WebGL model view projection
4. Лучшие практики WebGL
5. WebGL by example
6. A basic 2D WebGL animation example
7. Compressed texture formats
8. Data in WebGL
9. Matrix math for the web
10. Using WebGL extensions
Руководство
1. WebGL tutorial
2. Начало работы с WebGL
3. Добавление двухмерного контента в контекст WebGL
4. Использование шейдеров для задания цвета в WebGL
5. Оживление объектов при помощи WebGL
6. Создание 3D объектов с помощью WebGL
7. Using textures in WebGL
8. Lighting in WebGL
9. Animating textures in WebGL

WebGLProgram

In this article

Примеры

Использование программы

Удаление программы

Спецификации

Совместимость с браузерами

Смотрите также

Help improve MDN