5 6 7 8 9 10 11

GLSL program

57

Shaders are parts of a whole thing. And the whole thing is a GLSL program. After successful compilation of shaders you have to create a program and link shaders into that program.

const vs = gl.createShader(gl.VERTEX_SHADER);
const fs = gl.createShader(gl.FRAGMENT_SHADER);
// Compile shaders
const program = gl.createProgram();
gl.attachShader(program, vs);
gl.attachShader(program, fs);
gl.linkProgram(program);

// Check the linkage status
if(!gl.getProgramParameter(program, gl.LINK_STATUS))
{
    // The linkage has failed, alert the log
    alert(gl.getProgramInfoLog(program));
}
else
{
    alert("The linkage has been successfully completed!");
}

Finally, we've done with GLSL. Shaders are compiled, the program is linked. We are ready to render things with our program. But first we need to prepare a geometry to render.

Rate this post:

Fragment shader

Lesson 7

Vertex buffer

Lesson 9
Share this page:

Learning plan

5. Rendering pipeline setup
The very basics of steps you should perform to draw a triangle or a 3D model from scratch
6. Vertex shader
Let's create a simple vertex shader, compile it, and check for compilation issues
7. Fragment shader
Now let's create a fragment shader, compile it and check for errors
8. GLSL program
It's time to link our shaders into a completed GLSL program
9. Vertex buffer
Now we need to create a GPU buffer and transfer a geometry data into it
10. First triangle
Everything is ready to draw our first triangle
11. Uniforms
How to use draw call level parameters to control the shading process