Pick a theme:

WebGL pipeline

by Lea Rosema

diagram of the WebGL pipeline


  • An array of vertices (or any data) is uploaded into a buffer which is split into data records
  • the vertex shader is executed once per data record
  • for each data record, the vertex shader program gets the data value into an attribute variable and writes it into an output position variable
  • the made up shape gets rasterized into fragments (pixels)
  • the fragment shader calculates the color for each pixel

See also