【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )

最新推荐文章于 2023-09-28 16:43:39 发布
最新推荐文章于 2023-09-28 16:43:39 发布
阅读量2.8k 收藏 5
点赞数
分类专栏： OpenGL 文章标签： OpenGL GL_TRIANGLE_FAN
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shulianghan/article/details/112801381
版权

文章目录





一、绘制 GL_TRIANGLE_FAN 三角形


GL_TRIANGLE_FAN 的绘制规则是 , 以第 1 1 1 个点作为顶点 , 第 1 , 2 , 3 1,2,3 1,2,3 个点组成三角形 , 第 1 , 3 , 4 1,3,4 1,3,4 个点组成第二个三角形 , 第 1 , 4 , 5 1,4,5 1,4,5 个点组成第三个三角形 ;



1、绘制 3 个点的情况


在 glBegin 和 glEnd 之间放置 3 3 3 个点 , 则绘制 1 , 2 , 3 1,2,3 1,2,3 个点 ;


代码示例 :

	// 只显示正面 , 不显示背面
	//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); // 绘制多个三角形
        //glBegin(GL_TRIANGLE_STRIP); // 绘制 GL_TRIANGLE_STRIP 三角形

		// 绘制三角形面
        glBegin(GL_TRIANGLE_FAN);

		// 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, -2.0f, -10.0f);

		// 3. 设置蓝色
		glColor4ub(0, 0, 255, 255);
		glVertex3f(-3.0f, -2.0f, -10.0f);

		// 1. 2. 3. 这三个点会绘制一个三角形 

        // 绘制三角形结束
        glEnd();

		// 将后缓冲区绘制到前台
		SwapBuffers(dc);

    }

绘制效果 :

在这里插入图片描述



2、绘制 4 个点的情况


在 glBegin 和 glEnd 之间放置 4 4 4 个点 , 则 1 , 2 , 3 1,2,3 1,2,3 绘制一个三角形 , 1 , 3 , 4 1,3,4 1,3,4 绘制一个三角形 ;


代码示例 :

	// 只显示正面 , 不显示背面
	//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); // 绘制多个三角形
        //glBegin(GL_TRIANGLE_STRIP); // 绘制 GL_TRIANGLE_STRIP 三角形

		// 绘制三角形面
        glBegin(GL_TRIANGLE_FAN);

		// 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, -2.0f, -10.0f);

		// 3. 设置蓝色
		glColor4ub(0, 0, 255, 255);
		glVertex3f(-3.0f, -2.0f, -10.0f);
		
		// 1. 2. 3. 这三个点会绘制一个三角形 

		// 4. 设置白色 
		glColor4ub(255, 255, 255, 255);
		glVertex3f(-1.0f, -2.0f, -10.0f);

		// 1. 3. 4. 这三个点会绘制一个三角形
		

        // 绘制三角形结束
        glEnd();

		// 将后缓冲区绘制到前台
		SwapBuffers(dc);

    }

绘制效果 :

在这里插入图片描述



3、绘制 5 个点的情况


在 glBegin 和 glEnd 之间放置 5 5 5 个点 , 则 1 , 2 , 3 1,2,3 1,2,3 绘制一个三角形 , 1 , 3 , 4 1,3,4 1,3,4 绘制一个三角形 , 1 , 4 , 5 1,4,5 1,4,5 绘制一个三角形 ;


代码示例 :

	// 只显示正面 , 不显示背面
	//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); // 绘制多个三角形
        //glBegin(GL_TRIANGLE_STRIP); // 绘制 GL_TRIANGLE_STRIP 三角形

		// 绘制三角形面
        glBegin(GL_TRIANGLE_FAN);

		// 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, -2.0f, -10.0f);

		// 3. 设置蓝色
		glColor4ub(0, 0, 255, 255);
		glVertex3f(-3.0f, -2.0f, -10.0f);
		
		// 1. 2. 3. 这三个点会绘制一个三角形 

		// 4. 设置白色 
		glColor4ub(255, 255, 255, 255);
		glVertex3f(-1.0f, -2.0f, -10.0f);

		// 1. 3. 4. 这三个点会绘制一个三角形

		// 5. 设置绿色 
		glColor4ub(0, 255, 0, 255);
		glVertex3f(1.0f, -2.0f, -10.0f);

		// 1. 3. 5. 这三个点会绘制一个三角形
		

        // 绘制三角形结束
        glEnd();

		// 将后缓冲区绘制到前台
		SwapBuffers(dc);

    }

运行效果 :

在这里插入图片描述



4、绘制 6 个点的情况


在 glBegin 和 glEnd 之间放置 6 6 6 个点 , 则 1 , 2 , 3 1,2,3 1,2,3 绘制一个三角形 , 1 , 3 , 4 1,3,4 1,3,4 绘制一个三角形 , 1 , 4 , 5 1,4,5 1,4,5 绘制一个三角形 , 1 , 5 , 6 1,5,6 1,5,6 绘制一个三角形 ;


代码示例 :

		// 渲染场景

		// 清除缓冲区 , 
		// 使用之前设置的 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); // 绘制多个三角形
        //glBegin(GL_TRIANGLE_STRIP); // 绘制 GL_TRIANGLE_STRIP 三角形

		// 绘制三角形面
        glBegin(GL_TRIANGLE_FAN);

		// 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, -2.0f, -10.0f);

		// 3. 设置蓝色
		glColor4ub(0, 0, 255, 255);
		glVertex3f(-3.0f, -2.0f, -10.0f);
		
		// 1. 2. 3. 这三个点会绘制一个三角形 

		// 4. 设置白色 
		glColor4ub(255, 255, 255, 255);
		glVertex3f(-1.0f, -2.0f, -10.0f);

		// 1. 3. 4. 这三个点会绘制一个三角形

		// 5. 设置绿色 
		glColor4ub(0, 255, 0, 255);
		glVertex3f(1.0f, -2.0f, -10.0f);

		// 1. 4. 5. 这三个点会绘制一个三角形

		// 6. 设置蓝色
		glColor4ub(0, 0, 255, 255);
		glVertex3f(3.0f, -2.0f, -10.0f);

		// 1. 5. 6. 这三个点会绘制一个三角形
		

        // 绘制三角形结束
        glEnd();

		// 将后缓冲区绘制到前台
		SwapBuffers(dc);

    }

绘制效果 :

在这里插入图片描述





二、相关资源


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

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

韩曙亮
关注
专栏目录
OpenGL中画三角形
菜鸡工坊
05-27 1360
最近导师给我一个任务，让我做数据可视化。 类似这样的。 其实很明显，就是对数据取点，然后用OpenGL画三角形就完事了。 OpenGL中画三角形有三种方法：TRIANGLES、TRIANGLE_STRIP和GL_TRIANGLE_FAN。 TRIANGLES GL_TRIANGLES是以每三个顶点绘制一个三角形。第一个三角形使用顶点v0,v1,v2,第二个使用v3,v4,v5,以此类推。如果顶点的个数n不是3的倍数，那么最后的1个或者2个顶点会被忽略。 TRIANGLE_STRIP 构建当前三角形的顶
OpenGL绘制方式
Lce的专栏
10-30 1746
access表示对缓存对象的访问模式，通常是GL_MAP_INVALIDATE_RANGE_BIT，GL_MAP_INVALIDATE_BUFFER_BIT，GL_MAP_FLUSH_EXPLICIT_BIT，GL_MAP_UNSYNCHRONIZED_BIT中的一个或者多个组合，具体每个模式的定义参见OpenGL官方文档。access表示对缓存对象的访问模式，通常是GL_READ_ONLY（只读）,GL_WRITE_ONLY（只写）,GL_READ_WRITE（可读可写）中的一种。参数跟上面第6点一样。
opengl扇形GL_TRIANGLE_FAN
05-06
GL_TRIANGLE_FAN opengl c++ 适合于初学者借鉴，望大家多多指教
Qt + QCustomPlot 仿富途K线绘制
weixin_42980051的博客
09-28 1827
Qt + QCustomPlot 仿富途K线绘制
【OpenGL】理解GL_TRIANGLE_STRIP等绘制三角形序列的三种方式
热门推荐
计算机专业同学的充电站。
04-12 8万+
GL_TRIANGLE_STRIP绘制三角形方式很多时候令人疑惑，在这里对其运作机理进行解释。 一般情况下有三种绘制一系列三角形的方式，分别是GL_TRIANGLES、GL_TRIANGLE_STRIP和GL_TRIANGLE_FAN。 如下图所示： GL_TRIANGLES是以每三个顶点绘制一个三角形。第一个三角形使用顶点v0,v1,v2,第二个使用v3,v4,v5,以此类推。如果
C++绘制图形（包括三角形、椭圆、矩形）
01-27
I.绘画： 1.绘制椭圆； 2.绘制矩形； 3.绘制三角形（手绘）； 3.绘制三角形（坐标绘制）； II.功能： 1.计算三角形（手绘）； 2.清空画板； III.说明： 1.使用说明； 2.更新说明；
C++的图形绘制
05-27
关于c++的星空和钟表的详细代码（包括定义变量，头文件等）
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形 ).zip
01-19
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形 ) https://hanshuliang.blog.csdn.net/article/details/112801381 博客源码快照
GL_TRIANGLE_STRIP之纹理贴图代码
04-10
`GL_TRIANGLE_STRIP`是OpenGL的一个基本绘图模式，它通过连接连续的顶点来创建一个三角形条带，可以有效地减少绘制多个相邻三角形时的冗余数据。 首先，让我们了解`GL_TRIANGLE_STRIP`的工作原理。在该模式下，第一...
Linux代码画正三角形,OpenGLES 之 绘制三角形 (一)
weixin_28771631的博客
05-13 865
一、OpenGL ESOpenGL是一个供运行在Linux、Unix、Mac和Windows的桌面系统使用的跨平台标准的API，OpenGL ES是以手持和嵌入式设备为目标的高级3D图形应用程序编程接口。即OpenGLES是OpenGL的子集，去除了复杂的不常用的功能，专门为PDA等为目标的图形API。OpenGLES经常用在对图片、视频、相机、游戏等方面。它是使用了GPU的计算的，从而解放CPU...
c++画一些最基本的图形
05-22
本程序实现c++花一些最基本的图形，如直线，圆，矩形等。
Java图形化界面
09-12
java Swing 各个组件布局，控制位置
【OpenGL】十七、OpenGL 绘制四边形 ( 绘制 GL_QUAD_STRIP 模式四边形 ).zip
01-20
【OpenGL】十七、OpenGL 绘制四边形 ( 绘制 GL_QUAD_STRIP 模式四边形 ) https://hanshuliang.blog.csdn.net/article/details/112851868 博客源码
GL_TRIANGLE_FAN和GL_TRIANGLE_STRIP
Bingin的博客
07-19 309
GL_TRIANGLE_FAN和GL_TRIANGLE_STRIP
VS2012下基于Glut OpenGL GL_TRIANGLE_FAN示例程序：
yearafteryear的专栏
06-08 3859
在VS2012下使用glut GL_TRIANGLE_FAN绘制三角形示例程序，绘制的是多个三角形，效果如下图所示，按PC的UP,DOWN,LEFT,RIGHT按键可以从不同的角度查看该图形： GL_TRIANGLE_FAN对序列点生成三角形的处理方式参考下图与http://blog.csdn.net/yearafteryear/article/details/9059795就可以看得很清楚：
c++基本图形绘制
最新发布
qq_46107892的博客
09-28 5965
c++基本图形绘制
GL_TRIANGLE_FAN与GL_TRIANGLE_STRIP
ymj7150697的专栏
08-28 9010
顶点v1，v2，v3，v4 GL_TRIANGLE_FAN 先v1，v2，v3再v1，v3，v4这样可以形成一个扇形状得图形。 GL_TRIANGLE_STRIP 先v1, v2, v3, 再 v3, v2, v4 并且确定这些顶点可以形成某个多边形。
C++ OpenCV（四）：绘制几何图形
AndroidKt
10-28 1976
绘制几何图形 直线 矩形 多边形 圆形 椭圆 文字 API 直线 CV_EXPORTS_W void line(InputOutputArray img, Point pt1, Point pt2, const Scalar& color, int thickness = 1, int lineType = LINE_8, int shift = 0); 矩形 CV_EXPORTS_W void rectangle(InputOutputArray i
opengl使用GL_QUAD_STRIP画四边形
perfer258的博客
12-25 2796
使用GL_QUAD_STRIP时顶点从起点开始以N形顺序连接各点： glPolygonMode(GL_FRONT_AND_BACK ,GL_LINE); glBegin(GL_QUAD_STRIP); glVertex3f(0, 0, 0); // v1 glVertex3f(0, 1, 0); // v2 glVertex3f(2, 0, 0); // v3 glVertex3f(2, 1, 0); // v4 glVertex.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值