【OpenGL】十六、OpenGL 绘制四边形 ( 绘制 GL_QUADS 四边形 )

简介: 【OpenGL】十六、OpenGL 绘制四边形 ( 绘制 GL_QUADS 四边形 )

文章目录

一、绘制 GL_QUADS 四边形

二、绘制多个四边形

三、相关资源





一、绘制 GL_QUADS 四边形


四边形绘制时 , 在 glBegin 方法中传入 GL_QUADS 参数 , 其绘制规则是每遇到 4 44 个点 , 就绘制一个四边形 ;



代码示例 :


// 只显示正面 , 不显示背面

// 只显示正面 , 不显示背面
  //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); // 绘制三角形扇
  // 绘制四边形
        glBegin(GL_QUADS);
  // 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);
  // 4. 设置绿色 
  glColor4ub(0, 255, 0, 255);
  glVertex3f(0.0f, -2.0f, -10.0f);
        // 绘制四边形结束
        glEnd();
  // 将后缓冲区绘制到前台
  SwapBuffers(dc);
    }


执行效果 :




image.png




二、绘制多个四边形


如果绘制多个四边形 , 就继续设置 4 44 个点 ;


有 n nn 个点 , 则绘制四边形的数量是 n 4 \cfrac{n}{4}

4

n


 个 ;


代码示例 :


// 渲染场景
  // 清除缓冲区 , 
  // 使用之前设置的 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); // 绘制三角形扇
  // 绘制四边形
        glBegin(GL_QUADS);
  // 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);
  // 4. 设置绿色 
  glColor4ub(0, 255, 0, 255);
  glVertex3f(0.0f, -2.0f, -10.0f);
  // 上面绘制的是第一个四边形 , 下面是第二个四边形
  // 1. 设置白色 , glVertex3f (GLfloat x, GLfloat y, GLfloat z)
  glColor4ub(255, 255, 255, 255);
  glVertex3f(0.0f, 4.0f, -10.0f);
  // 2. 设置绿色 
  glColor4ub(0, 255, 0, 255);
  glVertex3f(-5.0f, 4.0f, -10.0f);
  // 3. 设置蓝色
  glColor4ub(0, 0, 255, 255);
  glVertex3f(-5.0f, 2.0f, -10.0f);
  // 4. 设置绿色 
  glColor4ub(0, 255, 0, 255);
  glVertex3f(0.0f, 2.0f, -10.0f);
        // 绘制四边形结束
        glEnd();
  // 将后缓冲区绘制到前台
  SwapBuffers(dc);
    }


执行效果 :

image.png



上面绘制的四边形是标准的矩形 , 事实上任意设置四个点 , 都可以绘制一个四边形 , 不一定是矩形的四个点 ;






三、相关资源


GitHub 地址 : https://github.com/han1202012/OpenGL

( GitHub 源码始终都会随着后续博客的进度更新覆盖 , 可能没有本博客的相关源码 , 推荐下载博客源码快照 ) ;


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


目录
相关文章
|
4天前
|
编解码 算法 程序员
老程序员分享:OpenGL学习进程(10)第七课:四边形绘制与动画基础
老程序员分享:OpenGL学习进程(10)第七课:四边形绘制与动画基础
|
Java C++
Opengl ES之四边形绘制
Opengl ES连载系列
65 0
|
缓存 索引
OpenGL学习笔记(十三):将纹理贴图应用到四边形上,对VAO/VBO/EBO/纹理/着色器的使用方式进行总结
OpenGL学习笔记(十三):将纹理贴图应用到四边形上,对VAO/VBO/EBO/纹理/着色器的使用方式进行总结
OpenGL学习笔记(十三):将纹理贴图应用到四边形上,对VAO/VBO/EBO/纹理/着色器的使用方式进行总结
|
机器学习/深度学习 索引 Windows
【OpenGL】十七、OpenGL 绘制四边形 ( 绘制 GL_QUAD_STRIP 模式四边形 )
【OpenGL】十七、OpenGL 绘制四边形 ( 绘制 GL_QUAD_STRIP 模式四边形 )
418 0
【OpenGL】十七、OpenGL 绘制四边形 ( 绘制 GL_QUAD_STRIP 模式四边形 )
|
2月前
|
XML 小程序 Java
【Android App】三维投影OpenGL ES的讲解及着色器实现(附源码和演示 超详细)
【Android App】三维投影OpenGL ES的讲解及着色器实现(附源码和演示 超详细)
71 0
|
缓存 C++
Opengl ES之FBO
Opengl ES连载系列
101 0
|
存储 编解码 算法
Opengl ES之LUT滤镜(上)
Opengl ES之连载系列
366 0
|
数据安全/隐私保护 开发者
OpenGL ES 多目标渲染(MRT)
Opengl ES连载系列
244 0
|
数据安全/隐私保护 索引
Opengl ES之纹理数组
Opengl ES连载系列
202 0
|
数据安全/隐私保护
Opengl ES之水印贴图
Opengl ES之连载系列
104 0