WebGLRenderingContext: createProgram() Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die WebGLRenderingContext.createProgram() Methode der WebGL API erstellt und initialisiert ein WebGLProgram Objekt.

Ein WebGLProgram Objekt, das aus zwei kompilierten WebGLShaders besteht: einem Vertex-Shader und einem Fragment-Shader (beide geschrieben in GLSL). Diese werden dann zu einem nutzbaren Programm verknüpft.

Beispiele

Erstellen eines WebGL-Programms

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 new Error(`Could not compile WebGL program. \n\n${info}`);
}

Siehe WebGLShader für Informationen zur Erstellung der vertexShader und fragmentShader im obigen Beispiel.