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

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

2022-01-28 10

简介： 【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 之间设置多个三角形点即可 , 系统会按照从上到下 , 每 3 33 个点组成一个三角形 ;

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

// 只显示正面 , 不显示背面
    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);
    }