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

简介: 【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(一)

文章目录

一、绘制 GL_TRIANGLE_FAN 三角形

1、绘制 3 个点的情况

2、绘制 4 个点的情况

3、绘制 5 个点的情况

4、绘制 6 个点的情况

二、相关资源





一、绘制 GL_TRIANGLE_FAN 三角形


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




1、绘制 3 个点的情况


在 glBegin 和 glEnd 之间放置 3 33 个点 , 则绘制 1 , 2 , 3 1,2,31,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);
    }


绘制效果 :



image.png



2、绘制 4 个点的情况


在 glBegin 和 glEnd 之间放置 4 44 个点 , 则 1 , 2 , 3 1,2,31,2,3 绘制一个三角形 , 1 , 3 , 4 1,3,41,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);
    }


绘制效果 :


image.png




3、绘制 5 个点的情况


在 glBegin 和 glEnd 之间放置 5 55 个点 , 则 1 , 2 , 3 1,2,31,2,3 绘制一个三角形 , 1 , 3 , 4 1,3,41,3,4 绘制一个三角形 , 1 , 4 , 5 1,4,51,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);
    }



运行效果 :


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,是一个入门级的使用,重点在于理解图形是如何绘制的
271 0
案例 01、OpenGL入门--绘制三角形
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(二)
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(二)
215 0
【OpenGL】十五、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_FAN 三角形扇 )(二)
|
机器学习/深度学习 索引
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
281 0
【OpenGL】十四、OpenGL 绘制三角形 ( 绘制 GL_TRIANGLE_STRIP 三角形 | GL_TRIANGLE_STRIP 三角形绘制分析 )
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(二)
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(二)
135 0
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(二)
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(一)
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(一)
237 0
【OpenGL】十三、OpenGL 绘制三角形 ( 绘制单个三角形 | 三角形绘制顺序 | 绘制多个三角形 )(一)
|
API
【OpenGL ES】OpenGL ES 2.0 -- 制作 3D 彩色旋转三角形 - 顶点着色器 片元着色器 使用详解(三)
【OpenGL ES】OpenGL ES 2.0 -- 制作 3D 彩色旋转三角形 - 顶点着色器 片元着色器 使用详解(三)
216 0
|
6月前
|
XML 小程序 Java
【Android App】三维投影OpenGL ES的讲解及着色器实现(附源码和演示 超详细)
【Android App】三维投影OpenGL ES的讲解及着色器实现(附源码和演示 超详细)
126 0