OpenGL超级宝典笔记——画直线-白红宇

OpenGL超级宝典笔记——画直线

阅读量：5964 次

发布时间：2019-06-19

本文共 7722 字，大约阅读时间需要 25 分钟。

<h3>3D中画直线</h3> 在3D中画直线需要指定两个顶点。如下代码：会在两点之间画一条直线 glBegin(GL_LINES);      glVertex3f(0.0f, 0.0f, 0.0f);      glVertex3f(50.0f, 25.0f, 0.0f); glEnd(); 这里用两个顶点指定了一个图元。注意如果为GL_LINES指定奇数个顶点，那么最后一个顶点将被忽略。 static void RenderScene() {   glClear(GL_COLOR_BUFFER_BIT);   glColor3f(0.0f, 1.0f, 0.0f);   GLfloat x, y, z, angle;   z = -50.0f;   //画线   glBegin(GL_LINES);   for (angle = 0.0f; angle <= 2*GL_PI*3; angle +=0.5f)   {     x = 50.0f * cos(angle);     y = 50.0f * sin(angle);     //设置两个顶点     glVertex3f(0.0f, 0.0f, 0.0f);     glVertex3f(x, y, z);     z += 0.5f;   }   glEnd();   glutSwapBuffers(); } 效果如下图： <a href="http://static.oschina.net/uploads/img/201309/10213825_MjQm.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Image" border="0" alt="Image" src="http://static.oschina.net/uploads/img/201309/10213826_bx0B.png" width="353" height="411"></a> <hr> <h3>连续的线以及线环</h3> 绘制一条连续的线，使用GL_LINE_STRIP，会绘制一条经过所有这些顶点的连续的线。实例如下： glBegin(GL_LINE_STRIP);      glVertex3f(0.0f, 0.0f, 0.0f);      glVertex3f(50.0f, 50.0f, 0.0f);      glVertex3f(50.0f, 100.0f, 0.0f); glEnd(); <a href="http://static.oschina.net/uploads/img/201309/10213828_Bp9r.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Image(1)" border="0" alt="Image(1)" src="http://static.oschina.net/uploads/img/201309/10213829_3uT4.png" width="773" height="318"></a> GL_LINE_LOOP,与GL_LINE_STRIP相似。只是最后一个顶点和第一个顶点之间也会绘制一条直线，形成闭合的线。 <a href="http://static.oschina.net/uploads/img/201309/10213829_meaV.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Image(2)" border="0" alt="Image(2)" src="http://static.oschina.net/uploads/img/201309/10213830_2H80.png" width="768" height="338"></a> <h3>用直线绘制近似的曲线</h3> 绘制近似曲线可以使用GL_LINE_STRIP来链接所有的点。当点之间的距离越来越近时，就可以形成一条平滑的曲线。示例如下： //绘制场景 static void RenderSences() {   GLfloat z = -50.0f;     //清空画布   glClear(GL_COLOR_BUFFER_BIT);   //设置画图使用的颜色   glColor3f(1.0f, 0.0f, 0.0f);   //保存矩阵   glPushMatrix();   //旋转, 如果不旋转，那些不同层次的点都重叠在一起，看不出3D效果了。   glRotatef(200.0f, 1.0f, 0.0f, 0.0f);   glRotatef(120.5f, 0.0f, 1.0f, 0.0f);   glBegin(GL_LINE_STRIP);   for (GLfloat a = 0.0; a < GL_PI * 3.0f; a += 0.1f)   {     GLfloat x = 50.0f * cos(a);     GLfloat y = 50.0f * sin(a);     //设置点的大小     //设置顶点     glVertex3f(x, y, z);     //调整z值     z += 0.5f;   }   glEnd();   glPopMatrix();   glFlush(); } <a href="http://static.oschina.net/uploads/img/201309/10213830_0N4f.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Image(3)" border="0" alt="Image(3)" src="http://static.oschina.net/uploads/img/201309/10213831_x2sq.png" width="314" height="386"></a> <hr> <h3>设置直线的宽度</h3> 与设置点的宽度类似，我们也可以设置直线的宽度。但直线的宽度设置也是有限制的。我们可以取得直线宽度的范围，以及其宽度增长的最小间隔。 代码如下 GLfloat width[2];  //存储直线的宽度范围 GLfloat step;  //存储受支持的直线宽度增量 //获取受支持的直线宽度范围和增量  glGetFloatv(GL_LINE_WIDTH_RANGE, width); glGetFloatv(GL_LINE_WIDTH_GRANULARITY, &step); 示例： static void RenderScene() {   glClear(GL_COLOR_BUFFER_BIT);   glColor3f(0.0f, 1.0f, 0.0f);   //获取直线的宽度   GLfloat width[2];   GLfloat step;   glGetFloatv(GL_LINE_WIDTH_RANGE, width);   glGetFloatv(GL_LINE_WIDTH_GRANULARITY, &step);   GLfloat y, curWidht;   curWidht = width[0];   curWidht += step;   //画线   for (y = 80.0f; y > -80.0f; y -= 10.0f)   {     glLineWidth(curWidht);     curWidht += step;     glBegin(GL_LINES);       glVertex2f(-50.0f, y);       glVertex2f(50.0f, y);     glEnd();   }   glutSwapBuffers(); } <a href="http://static.oschina.net/uploads/img/201309/10213831_0yoj.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Image(4)" border="0" alt="Image(4)" src="http://static.oschina.net/uploads/img/201309/10213832_fq7J.png" width="393" height="423"></a> <hr> <h3>直线点画</h3> 使用点线或虚线模式来绘制直线，称为点画。启用点画模式glEnable(GL_LINE_STIPPLE); 然后可以使用glLineStipple函数创建这种模式。 <h4>C Specification</h4> <code>void glLineStipple(</code> GLint  <var>factor</var>, GLushort  <var>pattern</var><code>)</code>; <a></a> <h4>其中pattern参数是一个16位的值，它指定了一个模式，供绘直线所用。它的每个位都表示线段的一部分是画还是不画。在默认情况下，每个位对应一个像素，但factor参数可以作为乘法因子增加模式的宽度。例如把factor设置为5会导致模式中的每个位代表一行中的连续5个像素。模式的第0位（最低有效位）首先被用于指定直线。</h4> <a href="http://static.oschina.net/uploads/img/201309/10213832_4cUe.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Image(5)" border="0" alt="Image(5)" src="http://static.oschina.net/uploads/img/201309/10213833_4foY.png" width="702" height="376"></a> 注意：模式的顺序是反过来的，这样的原因是OpenGL左移一位获得下一个掩码值的速度更快。 例子： static void RenderScene() {   glClear(GL_COLOR_BUFFER_BIT);   glColor3f(0.0f, 1.0f, 0.0f);   //开启stipple模式   glEnable(GL_LINE_STIPPLE);   GLfloat y;   GLint factor = 1;   GLushort patter = 0x5555;   //画线   for (y = 80.0f; y > -80.0f; y -= 10.0f)   {     //设置因子和模式     glLineStipple(factor, patter);     glBegin(GL_LINES);       glVertex2f(-50.0f, y);       glVertex2f(50.0f, y);     glEnd();     factor++;   }   glutSwapBuffers(); } <a href="http://static.oschina.net/uploads/img/201309/10213834_mbUS.png"><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Image(6)" border="0" alt="Image(6)" src="http://static.oschina.net/uploads/img/201309/10213835_spDq.png" width="412" height="433"></a> <dl> <dd></dd></dl> 示例代码地址：<a href="https://github.com/sweetdark/openglex/tree/master/drawline">https://github.com/sweetdark/openglex/tree/master/drawline</a>

转载于:https://my.oschina.net/sweetdark/blog/160492

你可能感兴趣的文章