openGL初步入门1

最新推荐文章于 2024-10-02 07:01:53 发布
最新推荐文章于 2024-10-02 07:01:53 发布
阅读量342 收藏 8
点赞数 9
文章标签： 图形渲染
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74056693/article/details/135506597
版权
文章介绍了OpenGL中的顶点属性概念，包括如何使用glVertexAttribPointer函数配置属性，以及如何编写和使用基本的顶点着色器和片段着色器实现红色三角形绘制。
摘要由CSDN通过智能技术生成

一、顶点属性

        顶点属性，包括位置，法线，纹理坐标等等，用于描绘一个顶点。

        缓冲区布局和绑定顶点属性函数：glVertexAttribPointer(index,size,type,normalized,stride,const void *pointer)

        index：属性的索引，从0开始

        size：组件数量，与实际大小和字节数无关

        type：数据类型

        normalized：是否需要标准化

        stride：每个被size分割的部分的字节数

        pointer：顶点属性中的偏移量

        举个例子，我们只有位置这一个属性，那么参数这样传：

float positions[6] = {
        -0.5f, 0.5f,
         0.0f, 0.5f,
         0.5f, -0.5f
    };//三个顶点的位置

glVertexAttribPointer(0, 2, GL_FLOAT, GL_FALSE, sizeof(float) * 2, 0);

        写好这个函数后，还需要做一件事就是启动顶点属性：

glEnableVertexAttribArray(0);//只需要传入属性索引即可

        整体代码：

#include <GL/glew.h>
#include <GLFW/glfw3.h>
#include <iostream>

int main(void)
{
    GLFWwindow* window;

    /* Initialize the library */
    if (!glfwInit())
        return -1;

    /* Create a windowed mode window and its OpenGL context */
    window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL);
    if (!window)
    {
        glfwTerminate();
        return -1;
    }

    /* Make the window's context current */
    glfwMakeContextCurrent(window);

    if (glewInit() != GLEW_OK)
        std::cout << "Error!" << std::endl;

    std::cout << glGetString(GL_VERSION) << std::endl;

    float positions[6] = {
        -0.5f, -0.5f,
         0.0f, 0.5f,
         0.5f, -0.5f
    };

    unsigned int buffer;
    glGenBuffers(1, &buffer);
    glBindBuffer(GL_ARRAY_BUFFER, buffer);//绑定缓冲区
    glBufferData(GL_ARRAY_BUFFER, 6 * sizeof(float), positions, GL_STATIC_DRAW);

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

    glBindBuffer(GL_ARRAY_BUFFER, 0);

    /* Loop until the user closes the window */
    while (!glfwWindowShouldClose(window))
    {
        /* Render here */
        glClear(GL_COLOR_BUFFER_BIT);

        glDrawArrays(GL_TRIANGLES, 0, 3);//无索引时可以用的函数

        /* Swap front and back buffers */
        glfwSwapBuffers(window);

        /* Poll for and process events */
        glfwPollEvents();
    }

    glfwTerminate();
    return 0;
}

        在未使用着色器时运行这段代码：

二、着色器 

        显卡驱动会提供一个默认的着色器，完全依赖于驱动。

        一个着色器基本上就是一个运行在显卡上的一个程序。

        着色器的类型：顶点着色器、片段着色器（像素着色器）、曲面着色器、几何着色器、计算着色器等等，最常用的是前两种。

        在程序中实际上需要字符串来输入着色器，作为一种类似于嵌入代码来使用，红色三角形如下：

std::string vertexShader = //顶点着色器
        "#version 330 core\n"
        "\n"
        "layout(location = 0) in vec4 position;\n"
        "\n"
        "void main()\n"
        "{\n"
        "   gl_Position = position;\n"
        "}\n";

std::string fragmentShader = //像素着色器
        "#version 330 core\n"
        "\n"
        "layout(location = 0) out vec4 color;\n"
        "\n"
        "void main()\n"
        "{\n"
        "   color = vec4(1.0, 0.0, 0.0, 1.0);\n"//红色
        "}\n";

         在指定好着色器后，我们需要创建着色器，绑定着色器：

unsigned int shader = CreateShader(vertexShader, fragmentShader);
glUseProgram(shader);//绑定着色器

        还需要删除着色器，像new出来的内存需要delete一样：

glDeleteShader(shader);

        那么如何让着色器加入程序呢，我们首先需要创建一个程序，在openGL中返回的是一个无符号的整数，将编写好的着色器加入程序，链接程序，最后再删除一些中间文件……有点像C++程序运行的方式，下面是编写着色器和创建着色器的函数：

static unsigned int CompileShader(unsigned int type, const std::string& source)
{
    unsigned int id = glCreateShader(type);
    const char* src = source.c_str();
    glShaderSource(id, 1, &src, nullptr);//指定着色器源码
    glCompileShader(id);

    //错误处理
    int result;
    glGetShaderiv(id, GL_COMPILE_STATUS, &result);
    if (result == GL_FALSE)
    {
        int length;
        glGetShaderiv(id, GL_INFO_LOG_LENGTH, &length);
        char* message = (char*)alloca(length * sizeof(char));
        glGetShaderInfoLog(id, length, &length, message);
        std::cout << "Failed to compile" << (type == GL_VERTEX_SHADER ? "vertex" : "fragment") << " shader! " << std::endl;
        std::cout << message << std::endl;
        glDeleteShader(id);
        return 0;
    }

    return id;
}

static unsigned int CreateShader(const std::string& vertexShader, const std::string& fragmentShader)
{
    unsigned int program = glCreateProgram();
    unsigned int vs = CompileShader(GL_VERTEX_SHADER, vertexShader);
    unsigned int fs = CompileShader(GL_FRAGMENT_SHADER, fragmentShader);

    glAttachShader(program, vs);
    glAttachShader(program, fs);
    glLinkProgram(program);//链接程序
    glValidateProgram(program);

    glDeleteShader(vs);
    glDeleteShader(fs);//删除中间文件

    return program;
}

        中间还有一个错误处理，其实就是检查着色器的状态，防止其编译错误，可以理解为断言或者try……catch……throw语句。完整代码如下：

#include <GL/glew.h>
#include <GLFW/glfw3.h>
#include <iostream>

static unsigned int CompileShader(unsigned int type, const std::string& source)
{
    unsigned int id = glCreateShader(type);
    const char* src = source.c_str();
    glShaderSource(id, 1, &src, nullptr);//指定着色器源码
    glCompileShader(id);

    //错误处理
    int result;
    glGetShaderiv(id, GL_COMPILE_STATUS, &result);
    if (result == GL_FALSE)
    {
        int length;
        glGetShaderiv(id, GL_INFO_LOG_LENGTH, &length);
        char* message = (char*)alloca(length * sizeof(char));
        glGetShaderInfoLog(id, length, &length, message);
        std::cout << "Failed to compile" << (type == GL_VERTEX_SHADER ? "vertex" : "fragment") << " shader! " << std::endl;
        std::cout << message << std::endl;
        glDeleteShader(id);
        return 0;
    }

    return id;
}

static unsigned int CreateShader(const std::string& vertexShader, const std::string& fragmentShader)
{
    unsigned int program = glCreateProgram();
    unsigned int vs = CompileShader(GL_VERTEX_SHADER, vertexShader);
    unsigned int fs = CompileShader(GL_FRAGMENT_SHADER, fragmentShader);

    glAttachShader(program, vs);
    glAttachShader(program, fs);
    glLinkProgram(program);//链接程序
    glValidateProgram(program);

    glDeleteShader(vs);
    glDeleteShader(fs);//删除中间文件

    return program;
}

int main(void)
{
    GLFWwindow* window;

    /* Initialize the library */
    if (!glfwInit())
        return -1;

    /* Create a windowed mode window and its OpenGL context */
    window = glfwCreateWindow(640, 480, "Hello World", NULL, NULL);
    if (!window)
    {
        glfwTerminate();
        return -1;
    }

    /* Make the window's context current */
    glfwMakeContextCurrent(window);

    if (glewInit() != GLEW_OK)
        std::cout << "Error!" << std::endl;

    std::cout << glGetString(GL_VERSION) << std::endl;

    float positions[6] = {
        -0.5f, -0.5f,
         0.0f, 0.5f,
         0.5f, -0.5f
    };

    unsigned int buffer;
    glGenBuffers(1, &buffer);
    glBindBuffer(GL_ARRAY_BUFFER, buffer);//绑定缓冲区
    glBufferData(GL_ARRAY_BUFFER, 6 * sizeof(float), positions, GL_STATIC_DRAW);

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

    std::string vertexShader =
        "#version 330 core\n"
        "\n"
        "layout(location = 0) in vec4 position;\n"
        "\n"
        "void main()\n"
        "{\n"
        "   gl_Position = position;\n"
        "}\n";

    std::string fragmentShader =
        "#version 330 core\n"
        "\n"
        "layout(location = 0) out vec4 color;\n"
        "\n"
        "void main()\n"
        "{\n"
        "   color = vec4(1.0, 0.0, 0.0, 1.0);\n"
        "}\n";

    unsigned int shader = CreateShader(vertexShader, fragmentShader);
    glUseProgram(shader);//绑定着色器

    glBindBuffer(GL_ARRAY_BUFFER, 0);

    /* Loop until the user closes the window */
    while (!glfwWindowShouldClose(window))
    {
        /* Render here */
        glClear(GL_COLOR_BUFFER_BIT);

        glDrawArrays(GL_TRIANGLES, 0, 3);//无索引时可以用的函数

        /* Swap front and back buffers */
        glfwSwapBuffers(window);

        /* Poll for and process events */
        glfwPollEvents();
    }

    glDeleteShader(shader);

    glfwTerminate();
    return 0;
}

        这样我们就能在屏幕上显示一个红色三角形啦！

         当然可以通过修改参数来改变一些颜色的属性。

        本文只是编写了最简单的着色器，以后会编写更多更复杂的着色器，并且我们会将其封装为类或抽象成文件，来让我们编写代码变得舒服一些。

电车柳皮猫
关注
OpenGL入门教程
xiangzhihong8的专栏
12-03 11万+
概述 OpenGL OpenGL是渲染2D、3D矢量图形硬件的一种软件接口。本质上说，它是一个3D图形和模型库，具有高度的可移植性，并且具有非常快的渲染速度。OpenGL并不是一种语言，而是更像一个C运行时函数库。它提供了一些预包装的功能，帮助开发人员编写功能强大的三维应用程序。 OpenGL可以再多种操作系统平台上运行，例如各种版本的Windows、UNIX/Linux、Mac OS 和 OS/...
Opengl入门基础-基础知识
qq_40779012的博客
03-16 9706
opengl入门基础知识，包括：视口创建，着色器编写，光栅化解释等等内容，本文对opengl整体流程进行了简单介绍，通过代码来描述，并具体解释了opengl的相关图形知识，便于初学者对opengl整体上有大概印象，后面的opengl知识会在此基础中进行深度和广度的扩展。
OpenGL初学者入门——学习指南【共 9 篇文章】
热门推荐
Wang_Dou_Dou_的博客
11-10 4万+
关键字：OpenGL学习笔记、计算机图形学、OpenGL初学者。
给自己看的OpenGL基础入门教学
weixin_46390192的博客
05-30 847
一份粗略的OpenGL(Glad+GLFW3)的入门指导教程——>给我自己看的 只是为了完成某门2学分但有四个大作业的可成(っ °Д °;)っ
OpenGL入门学习
XscKernel的专栏 记录工作中做的点滴
12-04 2万+
环境搭建 OpenGL入门学习二 点直线和多边形 在OpenGL中指定顶点 开始绘制 例一画一个圆 例二画一个五角星 例三画出正弦函数的图形 OpenGL入门学习三 关于点 关于直线 关于多边形 OpenGL入门学习四 RGBA颜色 索引颜色 指定清除屏幕用的颜色 指定着色模型 OpenGL入门学习五 模型变换和视图变换 投影变换 视口变换 操作矩阵堆栈 综合举例 OpenGL入门学习六 双缓冲技术
OpenGL ES入门 基本概念篇
weixin_42128759的博客
11-29 397
前言 OpenGL是一种包含了一系列可以操作图形图像函数的图形编程接口的规范标准，它规范了每个函数该如何执行以及它们的输出值，OpenGL ES是OpenGL的一个精简子集，主要用于手持和嵌入式设备，OpenGL ES很大程度上兼容了OpenGL，主要是删除了一些OpenGL的一些冗余接口和引入一些新功能提高处理手持设备和嵌入式设备的特定性能和功耗限制，因此在写此博客时主要是与OpenGL的对比过...
OpenGL入门（一）
QStack的博客
10-10 4015
对于C++和OpenGL的学习是同时进行的，因为我觉得相较于简单的编程练习，OpenGL本身就是对于C++的非常好的实践，能够有助于我们进一步理解C++的语言特性。作为OpenGL系列的第一篇文章，本文将会帮助大家建立起对于OpenGL的初步印象。在我们学习一个东西之前我们第一个疑问就是它是什么？那么什么是OpenGL呢？
OpenGL入门教程之 深入三角形
少年的博客
04-20 1415
通过阅读以下的函数，你的大脑里能留下关于OpenGL基本函数的一个大致印象。不需深入理解，可忽略此节初始化glfw，为一些空指针赋值。设置glfw库的一些属性，name为属性字段，value为设置的值。GLFW_CONTEXT_VERSION_MAJOR指OpenGL主版本号。GLFW_CONTEXT_VERSION_MINOR指OpenGL次版本号。GLFW_OPENGL_PROFILE指渲染模式， GLFW_OPENGL_CORE_PROFILE为核心模式。
openGL的初步入门
细心程度决定你的成败
07-21 6833
本文只关注于如何一步步实现在Android平台下运用OpenGl。  1、GLSurfaceView GLSurfaceView是Android应用程序中实现OpenGl画图的重要组成部分。GLSurfaceView中封装了一个Surface。而android平台下关于图像的现实，差不多都是由Surface来实现的。 2、Renderer 有了GLSurfa
OpenGL极速入门宝典.rar_opengl_opengl入门
09-19
本资源“OpenGL极速入门宝典”旨在为初学者提供一个快速掌握OpenGL基础知识的途径，帮助他们步入图形编程的世界。 OpenGL是一个跨语言、跨平台的编程接口，它的主要任务是管理图形硬件，如显卡，以便高效地绘制复杂...
OpenGL入门教程(精).pdf
01-27
### OpenGL入门教程知识点详解 #### 一、OpenGL简介与优势 **OpenGL** 是一种跨语言、跨平台的应用程序编程接口（API），主要用于渲染2D、3D矢量图形。它是图形学领域的一个重要标准，被广泛应用于游戏开发、虚拟...
opengl.rar_openGl 入门_opengl_opengl入门
09-23
学习opengl的好帮手，opengl入门,针对初学者
OpenGL小白入门知识点详解
03-05
OpenGL入门详解：开启3D图形之旅 OpenGL是一个强大的图形应用程序编程接口(API)，它允许程序员通过软件来访问图形硬件的功能，从而实现2D和3D图形的高效渲染。它具有跨平台性，支持多种编程语言，并且不受特定操作...
opengl入门&示例代码.zip
02-22
初学者可以从简单的"Hello, Triangle"程序开始，逐步了解并掌握OpenGL的各个部分。这个压缩包提供的示例代码将是一个很好的实践平台，通过运行和修改代码，你可以加深对OpenGL工作原理的理解。在实践中，你还会接触...
探索 PixiJS：强大的 2D 图形渲染库
qq_34820371的博客
10-02 1225
随着 Web 技术的发展，越来越多的开发者希望在网页中实现丰富的视觉效果和动画。PixiJS 作为一个高性能的 2D 渲染库，凭借其强大的功能和易用性，成为了许多游戏和互动应用开发者的首选。本文将深入探讨 PixiJS 的特点、应用场景以及核心功能，帮助你更好地理解并应用这个库。
南京工业大学在辽宁2020-2024各专业最低录取分数及位次表.pdf
10-04
那些年，与你同分同位次的同学都去了哪里？全国各大学在辽宁2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
下单系统的Spnigboot和微信小程序实现（全栈微信小程式下单）.zip
10-04
下单系统的Spnigboot和微信小程序实现（全栈微信小程式下单）
基于Java开发的智能文件管家设计源码
最新发布
10-04
该项目是一款基于Java的智能文件管家设计源码，涵盖102个文件，包括29个Java源文件、27个类文件、19个XML配置文件、10个YAML文件、8个列表文件、4个属性文件、4个JAR包文件以及1个Git忽略文件。该系统旨在提供高效便捷的文件管理解决方案。
Android OpenGL ES 入门教程
"此资源是一份全面的Android OpenGL入门学习资料，涵盖了从基本概念到高级特性的讲解，适合初学者入门。" OpenGL是图形编程的一种标准，尤其在Android平台上，它被广泛用于创建复杂的2D和3D图形。这份资料详细介绍...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值