文章目录

一、绘制三角形
二、三角形绘制顺序
- 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);

绘制效果 :

二、三角形绘制顺序

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);

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

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);

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

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

4、设置点的正面方向

上面将三个点按照顺时针排列 , 绘制不出来 , 调用 glFrontFace(GL_CW) 方法 , 可以修改点的排列方向为顺时针方向 ;

 // 设置顺时针方向 CW : Clock Wind 顺时针方向// 默认是 GL_CCW : Counter Clock Wind 逆时针方向 glFrontFace(GL_CW);

完整代码示例 :

 // 只显示正面 , 不显示背面glEnable(GL_CULL_FACE); ★// 设置顺时针方向 CW : Clock Wind 顺时针方向// 默认是 GL_CCW : Counter Clock Wind 逆时针方向 glFrontFace(GL_CW); ★// 主消息循环:while (GetMessage(&msg, nullptr, 0, 0)){if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg)){TranslateMessage(&msg);DispatchMessage(&msg);}// 渲染场景// 清除缓冲区 , // 使用之前设置的 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, 0, 255, 255);glVertex3f(-5.0f, -2.0f, -10.0f);// 设置绿色 glColor4ub(0, 255, 0, 255);glVertex3f(-5.0f, 0.0f, -10.0f);// 绘制三角形结束 ★glEnd();// 将后缓冲区绘制到前台SwapBuffers(dc);}

执行结果 :

分析下点的顺序 :

     // 第 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);

上述三个点是按照顺时针顺序排列的 ;

三、绘制多个三角形

绘制多个三角形时 , 在 glBegin 和 glEnd 之间设置多个三角形点即可 , 系统会按照从上到下 , 每 333 个点组成一个三角形 ;

代码示例 : 注意下面的三角形的点是按照顺时针顺序排列的 ;

 // 只显示正面 , 不显示背面glEnable(GL_CULL_FACE);// 设置顺时针方向 CW : Clock Wind 顺时针方向// 默认是 GL_CCW : Counter Clock Wind 逆时针方向 glFrontFace(GL_CW);// 主消息循环:while (GetMessage(&msg, nullptr, 0, 0)){if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg)){TranslateMessage(&msg);DispatchMessage(&msg);}// 渲染场景// 清除缓冲区 , // 使用之前设置的 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, 0, 255, 255);glVertex3f(-5.0f, -2.0f, -10.0f);// 设置绿色 glColor4ub(0, 255, 0, 255);glVertex3f(-5.0f, 0.0f, -10.0f);// 第二个三角形 ( 注意点是顺时针排列的 )// 设置白色 , 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);}

运行效果 :

四、相关资源

GitHub 地址 : https://github.com/han1202012/OpenGL
( GitHub 源码始终都会随着后续博客的进度更新覆盖 , 可能没有本博客的相关源码 , 推荐下载博客源码快照 ) ;

博客源码快照 : https://download.csdn.net/download/han1202012/14753854

【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )相关推荐

OpenGL(二)——OpenGL图形绘制
上一篇我们介绍了OpenGL的基础知识,接下来,我们就开始用OpenGL实现简单的开发之旅吧. 大纲今天将围绕以下几个环节,进行OpenGL的开发学习. Xcode环境搭建 view的绘制之三角形绘 ...
【OpenGL】计算机图形学实验一：OpenGL基础实验(实验环境的熟悉、简单图形的绘制和输出)
实验一:OpenGL基础实验 (实验环境的熟悉.简单图形的绘制和输出) 1.实验目的和要求学习基本的OpenGL图形绘制和输出函数,掌握使用基于C++ OpenGL开发图形程序的流程. 2.实验设 ...
opengl绘制长方体线框_OpenGL绘图实例十之绘制3D机器人
综述通过上一节说的绘制3D图形基础,我们应该对绘制3D图形有了基本的认识,接下来我们就进行一个实例,绘制一个3D机器人. 本节我们要完成的任务有: 1.绘制一个仿真3D机器人(样式自选,参考例图), ...
音视频开发（十四）：OpenGL 与 OpenGL ES2区别
什么是OpenGL ES? OpenGL(全写Open Graphics Library)是指定义了一个跨编程语言.跨平台的编程接口规格的专业的图形程序接口.它用于三维图像(二维的亦可),是一个功能强 ...
OpenGL(一)——OpenGL入门
1.概念 2D+透视 = 3D 3D术语: 光栅化:实际绘制或填充每个顶点之间的像素形成过程着色:沿着顶点之间改变颜色值,能够轻松创建光照照射到一个立方体的效果纹理贴图:将纹理图片附着到你绘图的图 ...
OpenGL 和 OpenGL ES基础知识
当今许多视觉应用程序,从简单的游戏到高级工程领域,都使用OpenGL(Open Graphics Library)和OpenGL ES(OpenGL for Embedded Systems)作为其图 ...
android绘制论文,基于Android平台的三维地形绘制研究与实现
摘要: 地形是一种常见的三维场景,也是三维场景的重要组成部分,地形数据的实时绘制在PC端已经有大量研究,但如何实现移动端大规模地形的实时绘制是一个新问题.目前,移动端设备硬件性能发展迅速,但在移动端地 ...
计算机图形学绘制图形的过程,计算机图形学13_图形绘制流水线的实现.pdf
您所在位置:网站首页 > 海量文档 &nbsp>&nbsp计算机&nbsp>&nbsp图形图像计算机图形学13_图形绘制流水线的实现.pdf6页本 ...
opengl、opengl es、webgl介绍与opengl开发入门
1.OpenGL OpenGL(英语:Open Graphics Library,译名:开放图形库或者"开放式图形库")常用于CAD.虚拟现实.科学可视化程序和电子游戏开发.Ope ...

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