【OpenGL】使用OpenGL通过EBO绘制简单五角星

已于 2022-12-30 23:57:09 修改
阅读量823 收藏 7
点赞数 1
分类专栏： 圖形學 文章标签： 图形渲染
于 2022-10-02 21:58:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_50939789/article/details/127146875
版权

参考：LearnOpenGL CN：https://learnopengl-cn.github.io/01%20Getting%20started/04%20Hello%20Triangle/

使用OpenGL通过EBO绘制简单五角星

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

#define pi 3.14159265

const char* fragmentShaderSource = "#version 330 core\n"
"out vec4 FragColor;\n"
"void main()\n"
"{\n"
"   FragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);\n"
"}\n\0";

const char* vertexShaderSource = "#version 330 core\n"
"layout (location = 0) in vec3 aPos;\n"
"void main()\n"
"{\n"
"   gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);\n"
"}\0";

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

void processInput(GLFWwindow* window)
{
    if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
        glfwSetWindowShouldClose(window, true);
}

float ang2rad(float ang) {
    return (ang * pi) / 180;
}

int main()
{

    glfwInit();
    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);//将主版本号(Major)和次版本号(Minor)都设为3
    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
    glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);//告诉GLFW我们使用的是核心模式(Core-profile)

    GLFWwindow* window = glfwCreateWindow(800, 600, "LearnOpenGL", NULL, NULL);
    
    if (window == NULL)
    {
        std::cout << "Failed to create GLFW window" << std::endl;
        glfwTerminate();
        return -1;
    }
    glfwMakeContextCurrent(window);

    if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))//我们给GLAD传入了用来加载系统相关的OpenGL函数指针地址的函数。GLFW给我们的是glfwGetProcAddress，它根据我们编译的系统定义了正确的函数。
    {
        std::cout << "Failed to initialize GLAD" << std::endl;
        return -1;
    }

    glViewport(0, 0, 500, 500); 

    glfwSetFramebufferSizeCallback(window, framebuffer_size_callback);
 
    unsigned int vertexShader;
    vertexShader = glCreateShader(GL_VERTEX_SHADER);

    glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);
    glCompileShader(vertexShader);


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


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

    //glUseProgram(shaderProgram);

    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);

    float v_center = 0.0f;
    float r[] = { 0.3f, 0.6f };
    float v[35];

    float degree = 54.0f;
    int i = 0;
    while (i < 15) {
        v[i++] = v_center + r[0] * cos(ang2rad(degree));
        v[i++] = v_center + r[0] * sin(ang2rad(degree));
        v[i++] = 1.0f;
        degree += 72.0f;
    }
    float target = i;
    degree = 18.0f;
    while (i < 30) {
        v[i++] = v_center + r[1] * cos(ang2rad(degree));
        v[i++] = v_center + r[1] * sin(ang2rad(degree));
        v[i++] = 1.0f;
        degree += 72.0f;
    }
    v[i++] = v_center;
    v[i++] = v_center;
    v[i++] = 1.0f;

/*
    unsigned int indices[] = {
        // 注意索引从0开始! 
        // 此例的索引(0,1,2,3)就是顶点数组vertices的下标，
        // 这样可以由下标代表顶点组合成矩形

        0, 1, 3, // 第一个三角形
        1, 2, 3  // 第二个三角形
    };
    */


    
    unsigned int indices[] = {
        // 注意索引从0开始! 
        // 此例的索引(0,1,2,3)就是顶点数组vertices的下标，
        // 这样可以由下标代表顶点组合成矩形

        0, 6, 10,
        6, 1, 10,
        1, 7, 10,
        2, 7, 10,
        2, 8, 10,
        3, 8, 10,
        3, 9, 10,
        4, 9, 10,
        4, 5, 10,
        0, 5, 10
    };

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


    unsigned int VBO, VAO, EBO;
    glGenVertexArrays(1, &VAO);
    glGenBuffers(1, &VBO);
    glGenBuffers(1, &EBO);
    glBindVertexArray(VAO); {

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

        glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);
        glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);

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

    }
    glBindBuffer(GL_ARRAY_BUFFER, 0);
    //VAO解绑前不能解绑EBO，如：glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0);
    glBindVertexArray(0);


    while (!glfwWindowShouldClose(window))//我们需要在程序中添加一个while循环，我们可以把它称之为渲染循环(Render Loop)，它能在我们让GLFW退出前一直保持运行
    {

        // 输入
        processInput(window);

        //渲染指令QAQ
        //glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);
        glClearColor(1.0f, 0.0f, 0.0f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT);
        glUseProgram(shaderProgram);
        glBindVertexArray(VAO);
        //glDrawArrays(GL_TRIANGLES, 0, 3);
        glDrawElements(GL_TRIANGLES, 30, GL_UNSIGNED_INT, 0);

        //检查并调用事件，交换缓冲
        glfwSwapBuffers(window);
        glfwPollEvents();

    }

    glfwTerminate();
    return 0;
}

实现效果

在这里插入图片描述

优化：通过内径计算外径，增加了findBiggerRadius函数

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

#define pi 3.14159265

const char* fragmentShaderSource = "#version 330 core\n"
"out vec4 FragColor;\n"
"void main()\n"
"{\n"
"   FragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);\n"
"}\n\0";

const char* vertexShaderSource = "#version 330 core\n"
"layout (location = 0) in vec3 aPos;\n"
"void main()\n"
"{\n"
"   gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);\n"
"}\0";

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

void processInput(GLFWwindow* window)
{
    if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
        glfwSetWindowShouldClose(window, true);
}

float ang2rad(float ang) {
    return (ang * pi) / 180;
}

float findBiggerRadius(float smallR) {
        float a, b, c, x1, x2, d;
        float num1 = sin(ang2rad(36)) / sin(ang2rad(126));
        a = (1 - (pow(num1, 2)));
        b = (2 * num1 * smallR * cos(ang2rad(126)));
        c = -(smallR * smallR);
        //scanf("%f %f %f",&a,&b,&c);
        if (a != 0)
        {
            d = sqrt(b * b - 4 * a * c);
            x1 = (-b + d) / (2 * a);
            x2 = (-b - d) / (2 * a);
            if (x1 < x2)
                return x2;
            else
                return x1;
        }
        return -1;
}

int main()
{

    glfwInit();
    glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);//将主版本号(Major)和次版本号(Minor)都设为3
    glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
    glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);//告诉GLFW我们使用的是核心模式(Core-profile)

    GLFWwindow* window = glfwCreateWindow(800, 600, "LearnOpenGL", NULL, NULL);

    if (window == NULL)
    {
        std::cout << "Failed to create GLFW window" << std::endl;
        glfwTerminate();
        return -1;
    }
    glfwMakeContextCurrent(window);

    if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))//我们给GLAD传入了用来加载系统相关的OpenGL函数指针地址的函数。GLFW给我们的是glfwGetProcAddress，它根据我们编译的系统定义了正确的函数。
    {
        std::cout << "Failed to initialize GLAD" << std::endl;
        return -1;
    }

    glViewport(0, 0, 500, 500);

    glfwSetFramebufferSizeCallback(window, framebuffer_size_callback);

    unsigned int vertexShader;
    vertexShader = glCreateShader(GL_VERTEX_SHADER);

    glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);
    glCompileShader(vertexShader);


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


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

    //glUseProgram(shaderProgram);

    glDeleteShader(vertexShader);
    glDeleteShader(fragmentShader);

    float v_center = 0.0f;
    float radius_small = 0.3f;
    float radius_big = findBiggerRadius(radius_small);
    float v[35];

    float degree = 54.0f;
    int i = 0;
    while (i < 15) {
        v[i++] = v_center + radius_small * cos(ang2rad(degree));
        v[i++] = v_center + radius_small * sin(ang2rad(degree));
        v[i++] = 1.0f;
        degree += 72.0f;
    }
    degree = 18.0f;
    while (i < 30) {
        v[i++] = v_center + radius_big * cos(ang2rad(degree));
        v[i++] = v_center + radius_big * sin(ang2rad(degree));
        v[i++] = 1.0f;
        degree += 72.0f;
    }
    v[i++] = v_center;
    v[i++] = v_center;
    v[i++] = 1.0f;

    /*
        unsigned int indices[] = {
            // 注意索引从0开始!
            // 此例的索引(0,1,2,3)就是顶点数组vertices的下标，
            // 这样可以由下标代表顶点组合成矩形

            0, 1, 3, // 第一个三角形
            1, 2, 3  // 第二个三角形
        };
        */



    unsigned int indices[] = {
        // 注意索引从0开始! 
        // 此例的索引(0,1,2,3)就是顶点数组vertices的下标，
        // 这样可以由下标代表顶点组合成矩形

        0, 6, 10,
        6, 1, 10,
        1, 7, 10,
        2, 7, 10,
        2, 8, 10,
        3, 8, 10,
        3, 9, 10,
        4, 9, 10,
        4, 5, 10,
        0, 5, 10
    };

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


    unsigned int VBO, VAO, EBO;
    glGenVertexArrays(1, &VAO);
    glGenBuffers(1, &VBO);
    glGenBuffers(1, &EBO);
    glBindVertexArray(VAO); {

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

        glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);
        glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);

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

    }
    glBindBuffer(GL_ARRAY_BUFFER, 0);
    //VAO解绑前不能解绑EBO，如：glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, 0);
    glBindVertexArray(0);


    while (!glfwWindowShouldClose(window))//我们需要在程序中添加一个while循环，我们可以把它称之为渲染循环(Render Loop)，它能在我们让GLFW退出前一直保持运行
    {

        // 输入
        processInput(window);

        //渲染指令QAQ
        //glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);
        glClearColor(1.0f, 0.0f, 0.0f, 1.0f);
        glClear(GL_COLOR_BUFFER_BIT);
        glUseProgram(shaderProgram);
        glBindVertexArray(VAO);
        //glDrawArrays(GL_TRIANGLES, 0, 3);
        glDrawElements(GL_TRIANGLES, 30, GL_UNSIGNED_INT, 0);

        //检查并调用事件，交换缓冲
        glfwSwapBuffers(window);
        glfwPollEvents();

    }

    glfwTerminate();
    return 0;
}

优化效果

![在这里插入图片描述](https://img-blog.csdnimg.cn/814bf95479334866ad9a5cc342403f3b.png

a9c93f2300
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
OpenGL 绘制多个立方体
garyaofq的博客
01-01 2869
本人最近在学OpenGL，对于如何使用VAO,VBO来绘制多个立方体一直没有太多的进展，主要是网上这方面的资料并不多，即使有介绍，实例也没有给出。 今天研究了一下，已经可以画出两个或多个立方体了。效果图见下图。 主要代码： glGenVertexArrays(1,vao); glBindVertexArray(vao[0]); glGenBuffers(2,vbo); glBindBuffer(GL_ARRAY_BUFFER, vbo[0]); g...
OPengl学习（三）——绘制几何物体和状态管理
疯狂挖掘机的博客
12-15 752
OpenGl学习，最基本的绘图和状态管理。
鸿蒙开发-如何使用Native XComponent接口来获取NativeWindow实例
最新发布
2401_82546228的博客
04-08 992
本示例中主要介绍开发者如何使用Native XComponent接口来获取NativeWindow实例、获取布局/事件信息、注册事件回调并通过OpenGL/EGL实现在页面上绘制形状。功能主要包括点击按钮绘制一个五角星，并可以通过点击XComponent区域改变五角星的颜色。
OpenGL（五）——创建二维图形
ifeng12358的博客
10-18 2892
OpenGL（二）——创建二维图形 一、创建一个项目，创建项目的方法可以参考前两篇文章： Win10+VS2010+OpenGL配置 OpenGL（一）——创建一个四边形 二、创建好项目后，编写二维图形所需的代码： #include <GLTools.h> #include <stdio.h&gt...
OpenGL | OpenGL 绘制其他图形及线框
该用户还没想到好的昵称的博客
02-05 2476
OpenGL基本单元绘制
Modern OpenGL---做一些好玩的东西 01（绘制两个同时闪烁的三角形）
McQueen_LT的博客
08-10 378
在刚刚学习了现代OpenGL后，想做一些好玩的东西。这是第一个，想做两个三角形，然后这两个三角形的颜色会一直变化，就能达到闪烁的效果。 绘制两个不同颜色的三角形的话，首先应该将顶点的索引分成两个ibo对象，然后通过两个vao对象来进行绑定，而顶点数据vbo对象可以共用两个，只不过需要在两个vao对象上分别绑定一次； 不同颜色的三角形，则需要两个不同的片段着色器（疑问：能否只用同一个片段着色器达到两种不同的颜色？），然后分别在不同的FragmentShader中设置不同的颜色，然后在窗口循环中进行渲染时，分
基于MFC的OpenGL画五角星
09-15
基于MFC的OpenGL编程，使用VC自带OpenGL，不使用第三方函数库。
OpenGL进阶--VAO，VBO, EBO
11-02
我们通过所谓的 **顶点缓冲对象 （VBO）**，可以在GPU的内存中存储大量的顶点。使用这些缓冲区对象的好处是，我们可以一次将大批数据全部发送到图形卡，如果还有足够的内存，则可以将其保存在此处，而不必一次发送一...
opengl qt 绘制单个立方体 并旋转
03-28
opengl 在qt 上绘制单个立方体并旋转的例子。
QOpenGLWidget利用vao，vbo、ebo随机绘制线段
10-19
资源介绍：https://blog.csdn.net/yangfahe1/article/details/120843550
C# opengl vao vbo ebo 结合GLSL 语言 渲染器实例
09-19
C# opengl vao vbo ebo 结合GLSL 语言 渲染器实例 有备注有说明,看蓝宝书一头雾水的可以看下,代码为OPENGL 加VS2015
27.OpenGL入门及绘制基本图形（一）1
08-03
2.OpenGL安装 1.OpenGL绘制正方形 2.OpenGL绘制水壶 3.OpenGL绘制多个图形 4.OpenGL绘图代码及原理详解 1.OpenGL语
Android opengl绘制飘动的国旗效果
03-16
这是一款Android平台下opengl绘制飘动的国旗效果源码，大家可以下载下来学习学习，希望能给大家带来帮助。 实现步骤 1. 首先确定使用分割法将整张图片分割成若干份，画在一个网格组成的长方形中 2.画出N*N格的方格 3.将国旗图案贴到这个网格中 1》 计算网格各顶点坐标 Vertex 计算各顶点对应的纹理坐标 texcoord 计算各顶点所对应的顶点法向量 Normal 计算出需要绘制的各顶点的顺序 order 绘制飘动效果 根据正弦曲线，计算出各顶点所对应的深度值 zDepth 计算出正弦曲线的波动 坐标点的变动 顶点法向量坐标值的变动 增加灯光效果 增
opengl 绘制 等角螺线和五角星
12-12
opengl在vc6.0平台绘制等角螺线 以及 星星形状 有说明文档和注释
基于opengl的五角星五边形来回变化的代码
11-22
基于OpenGL的一个简单程序，实现了五角星与五边形的来回变换。
OPENGL五角星
06-24
OPENGL画图 利用简单的画图
用OpenGL画五角星
Jeff_RechardTyson的博客
03-23 4438
第一次写博客，正在上大二，学的计算机专业，因为课很杂，想把自己学过的东西顺便写下来做个记录，写的不好请见谅！这个学期学的图形学，主要是讲OpenGL的东西，老师让我们自己用GL_LINES、GL_LINE_LOOP、GL_LINE_STRIP等方式画一些自己觉得好看的图形（由于不是教程文章，就不解释这些方法的意思和其他基本的东西了），于是理科生的我想了想也就只能想到五角星了。。。刚开始有两种思路，...
LearnOpenGL作业（绘制两个三角形)
weixin_40570689的博客
01-06 188
LearnOpenGL练习，渲染两个三角形
c++,opengl3.3，使用EBO，分组绘制
07-15
对于使用OpenGL 3.3和EBO（Element Buffer Object）进行分组绘制的问题，我可以为您提供一些建议。 首先，让我们来了解一下EBO的概念。EBO是一种用于索引绘制的OpenGL对象，它允许我们将顶点数据和索引数据分开存储...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a9c93f2300

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值