返回

WebGL基础API系列——第三章节：用drawArrays 绘制其他六种图形

前端

<html>
<body>

<h1></h1>

<p></p>

<p>在上一章节中，我们已经了解了WebGL如何使用drawArrays进行点、线和三角形等图形的绘图。在本节中，我们将介绍drawArrays可以用来 绘制的其他六种图形。</p>

<p>首先，我们介绍一下drawArrays可以 绘制的这六种图形:</p>

<ul>
  <li>线段：</li>
  <li>三角带：</li>
  <li>三角扇：</li>
  <li>四边形：</li>
  <li>边框：</li>
  <li>圆形：</li>
</ul>

<p>接下来，我们详细介绍一下这六种图形的 绘制特点。</p>

<p>线段 绘制是通过两个顶点形成一条直线。在应用中经常使用该类型 绘制 来构造一些辅助线和辅助图形，帮助定位顶点位置，计算碰撞关系。</p>

<p>三角带 绘制是通过连接三个连续的顶点形成一条带状的三角形图形。带状的三角形是通过将第一个三角形的最后一个顶点作为下一个三角形的第一个顶点连接起来形成的。在应用中，三角带通常用来 绘制 山脉、河流等地形，亦或者用在 绘制 一些需要三角带组合的模型上，比如花瓣等。</p>

<p>三角扇 绘制是通过连接多个连续的顶点，每三个顶点形成一个三角形。三角扇的第一个顶点固定，最后一个顶点也是第一个顶点。在 应用中 三角扇通常用来 绘制 扇形、圆形等。扇形 绘制 经常用到三角扇，即连续使用多个三角扇构成一个扇形图形。</p>

<p>四边形 绘制 是通过连接四个连续的顶点形成一个四边形图形。四边形是多边形中最常见的图形之一，在 应用中经常使用该类型 绘制 来构造辅助图形和一些常出现几何形状的模型。</p>

<p>边框 绘制 是通过连接相邻的顶点构成一条边框线。在应用中经常使用边框 绘制 来构造游戏窗口，显示模型的轮廓等。</p>

<p>圆形 绘制 是通过连接圆上相邻的顶点构成一个圆形图形。由于 圆形由圆弧组合，圆弧由三角扇构成，因此 绘制圆形和三角扇的 绘制 过程很相似。在应用中， 圆形 绘制经常用来构造一些圆形模型。</p>



</body>
</html>