【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(一)

简介: 【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(一)

文章目录

一、绘制三角形

二、三角形绘制顺序

1、绘制正面

2、三个点逆时针方向排列

3、三个点顺时针方向排列

4、设置点的正面方向

三、绘制多个三角形

四、相关资源





一、绘制三角形


三角形绘制即绘制一个面 , 三个点可以唯一确定一个面 , 四个点及多个点组成的多边形 , 不一定是一个面 ;



绘制三角形面时 , 在 glBegin 方法中传入 GL_TRIANGLES 参数 , 然后在 glBegin 和 glEnd 之间设置多个点 , OpenGL 会自动将三个点组成一个三角形面 , 绘制出来 ;



其中每个点都可以设置一个颜色值 , 面上的颜色都是通过三个点的颜色差值出来的 ;



代码示例 :


 

// 渲染场景
  // 清除缓冲区 , 
  // 使用之前设置的 glClearColor(1.0, 0.0, 0.0, 1.0) 擦除颜色缓冲区
  // 红色背景
  glClear(GL_COLOR_BUFFER_BIT);
        // 设置当前的绘制颜色 , 4 个 unsigned byte 
        // 每个颜色的分量占一个字节
        // 参数数据是 R 红色 G 绿色 B 蓝色 A 透明度
        // 下面设置的含义是白色, 绘制点的时候, 每次都使用白色绘制
        glColor4ub(255, 255, 255, 255);
  // 设置线的宽度 
  glLineWidth(2.0f);
        //glBegin(GL_POINTS); // 绘制点
        //glBegin(GL_LINES);  // 绘制线
  //glBegin(GL_LINE_STRIP);// 绘制前后连接的点组成的线
        //glBegin(GL_LINE_LOOP); // 绘制前后连接的点组成的线 , 并且收尾相连
  // 绘制三角形面 ★★
        glBegin(GL_TRIANGLES);
  // 设置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)
  glColor4ub(255, 255, 255, 255);
        glVertex3f(0.0f, 0.0f, -10.0f);
  // 设置绿色 
  glColor4ub(0, 255, 0, 255);
        glVertex3f(-5.0f, 0.0f, -10.0f);
  // 设置蓝色
  glColor4ub(0, 0, 255, 255);
        glVertex3f(-5.0f, -2.0f, -10.0f);
        // 绘制三角形结束 ★★
        glEnd();
  // 将后缓冲区绘制到前台
  SwapBuffers(dc);


绘制效果 :

image.png






二、三角形绘制顺序




1、绘制正面


讨论下面的绘制顺序时 , 加入一个前提 , OpenGL 只绘制模型正面, 不绘制模型背面 ;


正面就是 摄像机对着的那一面 ;


在渲染前 , 调用 glEnable(GL_CULL_FACE) 设置 , 即可设置 OpenGL 只绘制正面 , 不绘制背面 ;


// 只显示正面 , 不显示背面
  glEnable(GL_CULL_FACE);


默认情况下 OpenGL 会绘制正面 , 背面两面 ;




2、三个点逆时针方向排列


点的正面方向是逆时针方向的 , 因此绘制的时候 , 默认是逆时针绘制 , 即第一个点连接第二个点 , 第二个点连接第三个点 , 第三个点连接第一个点 , 这样绘制 ;



设置三个点的代码 :


 

// 第 1 个点 : 设置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)
  glColor4ub(255, 255, 255, 255);
        glVertex3f(0.0f, 0.0f, -10.0f);
  // 第 2 个点 : 设置绿色 ★
  glColor4ub(0, 255, 0, 255);
        glVertex3f(-5.0f, 0.0f, -10.0f);
  // 第 3 个点 : 设置蓝色 ★
  glColor4ub(0, 0, 255, 255);
        glVertex3f(-5.0f, -2.0f, -10.0f);


上述设置的三个点是按照逆时针方向排列 , 此时才能将面绘制出来 ;


image.png




3、三个点顺时针方向排列


如果将第三个点放到中间 , 此时点的排列是顺时针方向 , 绘制三角形时就会绘制失败 , 绘制出来就是一片空白 ;



设置三个点的代码 :


// 第 1 个点 : 设置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)
  glColor4ub(255, 255, 255, 255);
        glVertex3f(0.0f, 0.0f, -10.0f);
  // 第 2 个点 : 设置蓝色
  glColor4ub(0, 0, 255, 255);
        glVertex3f(-5.0f, -2.0f, -10.0f);
  // 第 3 个点 : 设置绿色 
  glColor4ub(0, 255, 0, 255);
        glVertex3f(-5.0f, 0.0f, -10.0f);

image.png

点的位置效果 ( 非 OpenGL 绘制效果 , OpenGL 绘制出来是空白的 ) :


OpenGL 绘制效果 : 按照上述顺时针排列点 , 绘制不出三角形 ;




image.png


目录
相关文章
|
存储 API
学习OpenGL ES之绘制三角形
OpenGL入门经典案例,绘制一个三角形
学习OpenGL ES之绘制三角形
|
存储 索引
OpenGL学习笔记(八):进一步理解VAO、VBO和SHADER,并使用VAO、VBO和SHADER绘制一个三角形 下
OpenGL学习笔记(八):进一步理解VAO、VBO和SHADER,并使用VAO、VBO和SHADER绘制一个三角形
OpenGL学习笔记(八):进一步理解VAO、VBO和SHADER,并使用VAO、VBO和SHADER绘制一个三角形 下
|
存储 C语言 C++
OpenGL学习笔记(八):进一步理解VAO、VBO和SHADER,并使用VAO、VBO和SHADER绘制一个三角形 上
OpenGL学习笔记(八):进一步理解VAO、VBO和SHADER,并使用VAO、VBO和SHADER绘制一个三角形
OpenGL学习笔记(八):进一步理解VAO、VBO和SHADER,并使用VAO、VBO和SHADER绘制一个三角形 上
|
缓存 容器
案例 01、OpenGL入门--绘制三角形
OpenGL中三角形的绘制,就类似于学习编程时的Hello world,是一个入门级的使用,重点在于理解图形是如何绘制的
277 0
案例 01、OpenGL入门--绘制三角形
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(一)
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(一)
269 0
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(一)
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(二)
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(二)
219 0
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(二)
|
机器学习/深度学习 索引
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
289 0
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(二)
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(二)
144 0
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(二)
|
API Android开发 索引
【OpenGL ES】OpenGL ES 2.0 -- 制作 3D 彩色旋转三角形 - 顶点着色器 片元着色器 使用详解(一)
【OpenGL ES】OpenGL ES 2.0 -- 制作 3D 彩色旋转三角形 - 顶点着色器 片元着色器 使用详解(一)
157 0
【OpenGL ES】OpenGL ES 2.0 -- 制作 3D 彩色旋转三角形 - 顶点着色器 片元着色器 使用详解(一)
openGL简明教程(一)---开始的开始,绘制一个三角形
openGL简明教程(一)---开始的开始,绘制一个三角形
260 0