OpenGL学习（2）——绘制三角形

在创建窗口的基础上，添加代码实现三角形的绘制。

声明和定义变量

在屏幕上绘制一个三角形需要的变量有：

  1. 三角形的三个顶点坐标；
  2. Vertex Buffer Object 将顶点数据存储在GPU的内存中；
  3. Vertex Array Object存储对顶点属性的配置和与顶点属性相关的VBO。在需要绘制的对象数量和顶点属性很多的情况下，VAO的使用能够大大减小工作量；
  4. Vertex Shader将顶点作为输入，对顶点坐标进行变换并输出。在编写Vertex Shader源码时，要将顶点的非齐次坐标变换成齐次坐标，只需要添加w分量即可；
  5. Fragment Shader计算三角形对应像素点的颜色，为了方便，将像素点颜色全部设置成（1, 0.5, 0.2）；
  6. Shader Program由多个Shader链接后得到。
float vertices[] = {-0.5f, -0.5f, 0.0f,
                    0.5f, -0.5f, 0.0f,
                    0.0f, 0.5f, 0.0f};
unsigned int VBO;
unsigned int VAO;
int vertexShader;
const char *vertexShaderSource = "#version 330 core\n"
                                 "layout (location = 0) in vec3 Pos;"
                                 "void main()"
                                 "{gl_Position = vec4(Pos.x, Pos.y, Pos.z, 1.0f);}";
int fragmentShader;
const char *fragmentShaderSource = "#version 330 core\n"
                                   "out vec4 fragColor;"
                                   "void main()"
                                   "{fragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);}";
int shaderProgram;

绘制一个对象的过程略繁琐，可以拆分成几个部分：

  1. 创建Vertex Shader并编译源码；
  2. 创建Fragment Shader并编译源码；
  3. 链接Vertex Shader和Fragment Shader得到Shader Program；
  4. 创建VAO
  5. 创建VBO
  6. 绑定和配置顶点属性指针

创建Vertex Shader并编译源码

调用glCreateShader函数创建一个Shader对象，传递参数GL_VERTEX_SHADER使该对象为Vertex Shader对象。
调用glShaderSource函数将Vertex Shader源码附加到Shader对象上。
调用glCompileShader函数编译源码。

vertexShader = glCreateShader(GL_VERTEX_SHADER);
glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);
glCompileShader(vertexShader);

创建Fragment Shader并编译源码

和上一步的区别在于传递参数不同。

fragmentShader = glCreateShader(GL_FRAGMENT_SHADER);
glShaderSource(fragmentShader, 1, &fragmentShaderSource, NULL);
glCompileShader(fragmentShader);

链接Shader

调用glCreateProgram函数创建Shader Program对象。
调用两次glAttachShader函数将Shader附加到Shader Program对象上。
调用glLinkProgr函数进行链接。

shaderProgram = glCreateProgram();
glAttachShader(shaderProgram, vertexShader);
glAttachShader(shaderProgram, fragmentShader);
glLinkProgram(shaderProgram);

链接成功后调用glDeleteShader函数移除Shader对象，释放被占用的资源。

glDeleteShader(vertexShader);
glDeleteShader(fragmentShader);

创建VAO

glGenVertexArrays函数用来创建VAO，并生成对象ID。第一个参数指定需要创建的VAO数量。
glGenVertexArrays(1, &VAO);

创建VBO

和创建VAO类似，调用glGenBuffers函数创建VBO。
glGenBuffers(1, &VBO);

绑定和配置顶点属性指针

绑定VAO

调用glBindVertexArray函数绑定VAO，接下来对顶点属性的使能、顶点属性指针的配置和相应的VBO，都将存储在这个VAO中。
需要解绑当前VAO时，将参数设置为0即可。
glBindVertexArray(VAO);

配置VBO

VBO的Buffer类型是GL_ARRAY_BUFFER，通过调用glBindBuffer函数绑定VBO和GL_ARRAY_BUFFER。
之后，当再次调用GL_ARRAY_BUFFER，便可完成对VBO的配置。glBufferData函数能够把顶点数据复制到Buffer内存中供GPU使用。

glBindBuffer(GL_ARRAY_BUFFER, VBO);
glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

配置顶点属性指针

当顶点数据被复制到Buffer内存中之后，还需要配置对顶点数据的解析。就是告诉GPU，Vertex Shader的哪一个顶点属性，对应着Buffer中的哪一部分数据。
在编写Vertex Shader源码时，只定义了一个顶点属性：位置，该属性的索引为0，因此设置glVertexAttribPointer的第一个参数为0。
每一个顶点数据有x，y，z三个维度，用来表示该顶点的位置，因此glVertexAttribPointer的第二个参数为3。
第三个参数指定顶点数据的类型。第四个参数设置是否需要将顶点数据标准化，即映射到[-1, 1]。
第五个参数指定同一顶点属性的相邻数据之间的步长，这里为3个float类型的长度。
第六个参数指定某一顶点属性下第一个数据的起始位置。
最后调用glEnableVertexAttribArray函数使能该顶点属性。

glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (void*)0);
glEnableVertexAttribArray(0);

配置完成后，解绑VAO和VBO

glBindBuffer(GL_ARRAY_BUFFER, 0);
glBindVertexArray(0);

渲染循环

在while循环中添加三个函数，激活Shader Program，绑定VAO并在视口中绘制三角形。

glUseProgram(shaderProgram);
glBindVertexArray(VAO);
glDrawArrays(GL_TRIANGLES, 0, 3);

╮(╯▽╰)╭画个三角形真不容易。。。
完整代码如下：

#include <iostream>
#include <glad/glad.h>
#include <GLFW/glfw3.h>

using namespace std;

/*
void frambuffer_size_callback(GLFWwindow *window, int width, int height)
{
    glViewport(0, 0, width, height);
}
*/

void processInput(GLFWwindow* window)
{
    //check if ESCAPE is pressed
    if(glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
        glfwSetWindowShouldClose(window, true);
}

const unsigned int window_width = 800;
const unsigned int window_height = 600;
//coordnate (x,y,z) of vertices
float vertices[] = {-0.5f, -0.5f, 0.0f,
                    0.5f, -0.5f, 0.0f,
                    0.0f, 0.5f, 0.0f};
//vertex buffer object(VBO)
unsigned int VBO;
//vertex array object(VAO)
unsigned int VAO;
//vertext shader
int vertexShader;
const char *vertexShaderSource = "#version 330 core\n"
                                 "layout (location = 0) in vec3 Pos;"
                                 "void main()"
                                 "{gl_Position = vec4(Pos.x, Pos.y, Pos.z, 1.0f);}";
//fragment shader
int fragmentShader;
const char *fragmentShaderSource = "#version 330 core\n"
                                   "out vec4 fragColor;"
                                   "void main()"
                                   "{fragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);}";
//shader program
int shaderProgram;

int main()
{
    //initialize GLFW
    if(!glfwInit())
        return -1;

    //configure GLFW
    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);
    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
    glfwWindowHint(GLFW_OPENGL_PROFILE,GLFW_OPENGL_CORE_PROFILE);

    //creat a window object
    GLFWwindow *window = glfwCreateWindow(window_width, window_height, "OpenGL_Demo", NULL, NULL);
    if (window == NULL){
        cout << "Failed to create GLFW window" << endl;
        glfwTerminate();
        return -1;
    }
    glfwMakeContextCurrent(window);

    //initialize GLAD to manage function pointers for OpenGL
    if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress)){
        cout << "Failed to initialize GLAD" << endl;
        return -1;
    }

    //set width and height of Viewport
    glViewport(0, 0, window_width, window_height);
    //glfwSetFramebufferSizeCallback(window, frambuffer_size_callback);

    //compile vertex shader
    vertexShader = glCreateShader(GL_VERTEX_SHADER);
    glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);
    glCompileShader(vertexShader);

    //check if compilation of vertex shader is successful
    int success;
    char infoLog[512];
    glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);
    if (!success){
        glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);
        cout << "ERROR::VERTEXSHADER::COMPILATION_FAILED\n" << infoLog << endl;
    }
    else cout << "VERTEXSHADER_COMPILATION_SUCCESS" << endl;

    //cmpile fragment shader
    fragmentShader = glCreateShader(GL_FRAGMENT_SHADER);
    glShaderSource(fragmentShader, 1, &fragmentShaderSource, NULL);
    glCompileShader(fragmentShader);

    //check if compilation of fragment shader is successful
    glGetShaderiv(fragmentShader, GL_COMPILE_STATUS, &success);
    if (!success){
        glGetShaderInfoLog(fragmentShader, 512, NULL, infoLog);
        cout << "ERROR::FRAGMENTSHADER::COMPILATION_FAILED\n" << infoLog << endl;
    }
    else cout << "FRAGMENTSHADER_COMPILATION_SUCCESS" << endl;

    //link shader program
    shaderProgram = glCreateProgram();
    glAttachShader(shaderProgram, vertexShader);
    glAttachShader(shaderProgram, fragmentShader);
    glLinkProgram(shaderProgram);

    //check if linking is successful
    glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);
    if(!success){
        glGetProgramInfoLog(shaderProgram, 512, NULL, infoLog);
        cout << "ERROR::LINKING_FAILED\n" << infoLog << endl;
    }
    else cout << "LINKING_SUCCESS" << endl;

    //clear resource of shader objects
    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);

    //generate vertex array objext
    glGenVertexArrays(1, &VAO);

    //generate vertex buffer object
    glGenBuffers(1, &VBO);
    glBindVertexArray(VAO);
    glBindBuffer(GL_ARRAY_BUFFER, VBO);
    glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

    //link vertex attributes
    glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (void*)0);
    glEnableVertexAttribArray(0);

    glBindBuffer(GL_ARRAY_BUFFER, 0);
    glBindVertexArray(0);

    //render loop
    while(!glfwWindowShouldClose(window)){

        processInput(window);
        glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT);
        glUseProgram(shaderProgram);
        glBindVertexArray(VAO);
        glDrawArrays(GL_TRIANGLES, 0, 3);
        //glBindVertexArray(0);
        glfwSwapBuffers(window);
        glfwPollEvents();
    }

    //clear resource
    glfwTerminate();
    return 0;
}

原文地址：https://www.cnblogs.com/yiqian/p/10733545.html

时间： 2024-08-29 18:04:41

OpenGL学习（2）——绘制三角形的相关文章

Android OpenGL入门示例:绘制三角形和正方形 (附完整源码)

Android上对OpenGl的支持是无缝的,所以才有众多3D效果如此逼真的游戏,在Camera的一些流程中也有用到GLSurfaceView的情况.本文记录OpenGL在Android上的入门级示例,绘制一个三角形和正方形.尽管功能简单,可是我捣腾了好几个晚上,大量网上文章上的代码都有点问题,不是绘制不出来就是挂了. 第一个文件:MainActivity.java package com.example.learnopengl1; import android.opengl.GLSurface

OpenGL学习脚印: 绘制一个三角形

写在前面 接着上一节内容,开发环境搭建好后,我们当然想立即编写3D应用程序了.不过我们还需要些耐心,因为OpenGL是一套底层的API,因而我们要掌握的基本知识稍微多一点,在开始绘制3D图形之前,本节我们将通过绘制一个三角形的程序来熟悉现代OpenGL的概念和流程. 通过本节可以了解到: 缓存对象VAO和VBO GLSL着色器程序的编译.链接和使用方法 OpenGL绘图的基本流程 绘图流水线简要了解 与使用高级绘图API(例如java里swing绘图,MFC里的绘图)不同,使用OpenGL绘制图

OpenGL学习07_绘制立方体

OpenGL在绘制场景之前,需要先产生或者说定义一个场景,这个产生目标场景视图的过程类似于照相机拍照的过程. 1.把照相机固定在三角架上,并让它对准场景(视图变换). 2.对场景进行安排,使各个物体在照片中的位置是我们所希望的(模型变换). 3.选择照相机镜头,并调整放大倍数(投影变换). 4.确定最终照片的大小.例如,我们很可能需要把它放大(视口变换). 5.在完成这些步骤之后,就可以进行拍照(或者绘制场景)了. // // main.cpp // OpenGL_08_CUBE // // C

OpenGL学习10_绘制行星系统

下面的Demo还使用了多种组合变换来实现地球绕太阳公转和自转的实现,还是直接看代码,有详细的注释. <span style="font-size:12px;">// // main.cpp // OpenGL_11_Planet // // Created by apple on 15/1/20. // Copyright (c) 2015年 cc. All rights reserved. // #include <iostream> #include <

OpenGL学习进程（11）第八课：颜色绘制的详解

    本节是OpenGL学习的第八个课时,下面将详细介绍OpenGL的颜色模式,颜色混合以及抗锯齿.     (1)颜色模式: OpenGL支持两种颜色模式:一种是RGBA,一种是颜色索引模式. RGBA模式与索引模式的区别: 计算机必须为每个像素保存一些数据,在RGBA模式中数据就代表了颜色:而颜色索引模式中数据代表了一个索引,要获取真正的颜色值还需要查索引表.数据的数量是由帧缓存中的位面决定的.一个位面为一个像素的一个位的数据.假如是8位面的颜色,每个像素就有8个颜色位,因此就有2的8次方

OpenGL学习进程（4）第二课：绘制图形

本节是OpenGL学习的第二个课时,下面介绍如何用点和线来绘制图形:     (1)用点的坐标来绘制矩形: #include <GL/glut.h> void display(void) { // clear all pixels glClear(GL_COLOR_BUFFER_BIT); // draw yellow polygon (rectangle) with corners at glColor3f(1.0, 1.0, 0.0); glBegin(GL_POLYGON); //绘制开

OpenGL学习进程（10）第七课：四边形绘制与动画基础

    本节是OpenGL学习的第七个课时,下面以四边形为例介绍绘制OpenGL动画的相关知识:     (1)绘制几种不同的四边形: 1)四边形(GL_QUADS) OpenGL的GL_QUADS图元用于绘制四边形,它根据每四个顶点绘制一个四边形. 注意:在使用四边形时必需记住四边形的四个角必须位于同一个平面中(不存在弯曲的四边形). 2)四边形带(GL_QUAD_STRIP) 该图元指定一个连接的四边形带.它们都保持相同方向的环绕. 3)通用多边形GL_POLYGON 我们可以用它绘制任意数

OpenGL学习笔记3 —— 绘制3D物体、鼠标交互、反向变换

/* reference http://nehe.gamedev.net/article/using_gluunproject/16013/ */ #include <windows.h> // windows系统要加这个.因为下面2个头文件的一些宏是在这个文件中定义的 #include <gl/Gl.h> #include <gl/glut.h> //这两个头文件在OpenGL程序中几乎必加. #include <cstdio> //标准输入输出,用来打印

opengl学习记录1——矩形绘制

1 #include <windows.h> 2 #include <gl/GL.h> 3 #include <gl/GLU.h> 4 #include <glut.h> 5 6 #pragma comment( lib, "glut.lib" ) 7 8 void display() 9 { 10 glClear( GL_COLOR_BUFFER_BIT ); 11 12 glColor3f( 1.0, 1.0, 1.0 ); 13 g