WebGL 是如何工作的.pdfVIP

WebGL 是如何⼯作的 WebGL 是如何⼯作的 这部分是上⼀节WebGL 基本原理的延续。在继续之前，我们需要讨论 WebGL 和 GPU 是如何运作的。GPU 两个基础任务，第⼀个就是将点处理为投影矩阵。第⼆ 部分就是基于第⼀部分将相应的像素点描绘出来。 当⽤户调⽤ gl.drawArrays(gl.TRIANGLE, 0, 9); 这⾥的 9 就意味着“处理 9 个顶点” ，所以就 9 个顶点需要被处理。 上图左侧的是⽤户⾃⼰提供的数据。定点着⾊器就是⽤户在 GLSL 中写的函数。处理 每个定点时，均会被调⽤⼀次。⽤户可以将投影矩阵的值存储在特定的变量 gl_Position 中。GPU 会处理这些值，并将他们存储在其内部。 假设⽤户希望绘制三⾓形 TRIANGLES, 那么每次绘制时，上述的第⼀部分就会产⽣三 个顶点，然后 GPU 会使⽤他们来绘制三⾓形。⾸先 GPU 会将三个顶点对应的像素绘 制出来，然后将三⾓形光栅化，或者说是使⽤像素点绘制出来。对每⼀个像素点， GPU 都会调⽤⽤户定义的⽚段着⾊器来确定该像素点该涂成什么颜⾊。当然，⽤户定 义的⽚段着⾊器必须在 gl_ ragColor 变量中设置对应的值。 我们例⼦中的⽚段着⾊器中并没 存储每⼀