WebGL - 绘图模式
-
简述
在上一章(第 12 章)中,我们讨论了如何使用 WebGL 绘制三角形。除了三角形之外,WebGL 还支持各种其他绘图模式。本章解释了 WebGL 支持的绘图模式。 -
模式参数
让我们看一下方法的语法 - drawElements()和 draw Arrays()。如果您清楚地观察到,这两种方法都接受一个参数mode。使用此参数,程序员可以选择 WebGL 中的绘图模式。WebGL 提供的绘图模式如下表所列。序号 模式&说明 1 gl.POINTS绘制一系列点。2 gl.LINES绘制一系列未连接的线段(单独的线)。3 gl.LINE_STRIP绘制一系列连接的线段。4 gl.LINE_LOOP绘制一系列连接的线段。它还连接第一个和最后一个顶点以形成一个循环。5 gl.TRIANGLES绘制一系列单独的三角形。6 gl.TRIANGLE_STRIP以条形方式绘制一系列相连的三角形。7 gl.TRIANGLE_FAN以扇形方式绘制一系列共享第一个顶点的相连三角形。 -
例子——画三条平行线
以下示例展示了如何使用gl.LINES绘制三条平行线。如果运行此示例,它将产生以下输出 - -
绘图模式
在上面的程序中,如果将drawArrays()的模式替换为以下绘图模式之一,则每次都会产生不同的输出。绘图模式 产出 LINE_STRIP LINE_LOOP TRIANGLE_STRIP TRIANGLE_FAN TRIANGLES