OpenGL入门004——使用EBO绘制矩形

server/2024/11/29 7:45:17/

本节将利用EBO来绘制矩形

文章目录

  • 一些概念
    • EBO
  • 实战
    • 简介
    • utils
      • windowFactory.h
      • RectangleModel.h
      • RectangleModel.cpp
    • main.cpp
    • CMakeLists.txt
    • 最终效果

一些概念

EBO

概述： Element Buffer Object 用于存储顶点的索引数据，以便在绘制图形时可以重用顶点数据，从而减少内存使用和提供高性能

使用步骤：

  1. 定义顶点和索引数据：
    • 顶点数据包含图形的顶点坐标
    • 索引数据定义了绘制图形的顺序
  2. 生成和绑定VAO
  3. 生成和绑定VBO
  4. 传递顶点数据到VBO
  5. 生成和绑定EBO：
    • 使用glGenBuffers生成EBO
    • 使用glBindBuffer绑定EBO
  6. 传递索引数据到EBO：使用glBufferData将索引数据传递到EBO
  7. 绘制图形：使用glDrawElements函数，根据EBO中的索引数据绘制图形

实战

简介

怎么在vscode上使用cmake构建项目，具体可以看这篇Windows上如何使用CMake构建项目 - 凌云行者的博客

目的： 利用EBO绘制一个矩形

环境：

  • 编译工具链：使用msys2安装的mingw-gcc
  • 依赖项：glfw3:x64-mingw-static，glad:x64-mingw-static（通过vcpkg安装）

utils

创建utils目录，将windowFactory.h，RectangleModel.h，RectangleModel.cpp文件放到这个目录下面

windowFactory.h

#pragma once
#include <glad/glad.h> // gald前面不能包含任何opengl头文件
#include <GLFW/glfw3.h>
#include <functional>
#include <iostream>using std::cout;
using std::endl;class GLFWWindowFactory {
public:// 默认构造函数GLFWWindowFactory() {}// 构造函数，初始化窗口GLFWWindowFactory(int width, int height, const char* title) {// 初始化glfwglfwInit();// 设置opengl版本glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);// 使用核心模式：确保不使用任何被弃用的功能glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);// 创建glfw窗口this->window = glfwCreateWindow(width, height, title, NULL, NULL);if (this->window == NULL) {cout << "Failed to create GLFW window" << endl;glfwTerminate();exit(-1);}// 设置当前窗口的上下文glfwMakeContextCurrent(this->window);// 设置窗口大小改变的回调函数glfwSetFramebufferSizeCallback(this->window, framebuffer_size_callback);// 加载所有opengl函数指针if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress)) {cout << "Failed to initialize GLAD" << endl;}// 再次设置当前窗口的上下文，确保当前上下文仍然是刚刚创建的窗口，是一个安全措施glfwMakeContextCurrent(this->window);// 设置窗口大小改变的回调函数glfwSetFramebufferSizeCallback(this->window, framebuffer_size_callback);}// 获取窗口对象GLFWwindow* getWindow() {return this->window;}// 运行窗口，传入一个自定义的更新函数void run(std::function<void()> updateFunc) {// 启用深度测试，opengl将在绘制每个像素之前比较其深度值，以确定该像素是否应该被绘制glEnable(GL_DEPTH_TEST);// 循环渲染while (!glfwWindowShouldClose(this->window)) { // 检查是否应该关闭窗口// 清空屏幕所用的颜色glClearColor(0.0f, 0.0f, 0.0f, 1.0f);// 清空颜色缓冲，主要目的是为每一帧的渲染准备一个干净的画布glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);// 处理输入GLFWWindowFactory::process_input(this->window);// 执行更新函数updateFunc();// 交换缓冲区glfwSwapBuffers(this->window);// 处理所有待处理事件，去poll所有事件，看看哪个没处理的glfwPollEvents();}// 终止GLFW，清理GLFW分配的资源glfwTerminate();}// 窗口大小改变的回调函数static void framebuffer_size_callback(GLFWwindow* window, int width, int height) {// 确保视口与新窗口尺寸匹配，注意在视网膜显示器上，宽度和高度会显著大于指定值glViewport(0, 0, width, height);}// 处理输入static void process_input(GLFWwindow* window) {// 按下ESC键时进入if块if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)// 关闭窗口glfwSetWindowShouldClose(window, true);}private:// 窗口对象GLFWwindow* window;
};

RectangleModel.h

作用： 矩形模型的头文件

#pragma once
#include<glad/glad.h>class RectangleModel {
public:// 构造函数RectangleModel();// 析构函数~RectangleModel();// 绘制矩形void draw();private:unsigned int VAO;unsigned int VBO;unsigned int EBO;// 着色器程序unsigned int shaderProgram;// 编译着色器void compileShaders();// 设置缓冲区void setElements();
}

RectangleModel.cpp

作用： 三角形模型的具体实现

#include "RectangleModel.h"
#include <iostream>using std::cout;
using std::endl;// 顶点属性位置
const int VERTEX_ATTR_POSITION = 0;
// 每个顶点的组件数
const int NUM_COMPONENTS_PER_VERTEX = 2;// 构造函数
RectangleModel::RectangleModel() {// 编译着色器compileShaders();// 设置缓冲区setElements();
}// 析构函数
RectangleModel::~RectangleModel() {// 删除VAOglDeleteVertexArrays(1, &this->VAO);// 删除VBOglDeleteBuffers(1, &this->VBO);// 删除EBOglDeleteBuffers(1, &this->EBO);
}/// public
// 绘制矩形
void RectangleModel::draw() {// 使用着色器程序glUseProgram(shaderProgram);// 绑定VAOglBindVertexArray(VAO);// 绘制矩形，即绘制两个三角形，GL_UNSIGNED_INT表示索引数组中的每个元素都是一个无符号整数glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);
}/// private
// 编译着色器
void RectangleModel::compileShaders() {// 顶点着色器源码const char* vertexShaderSource = "#version 330 core\n" // 指定了GLSL（OpenGL着色器语言）的版本"layout (location = 0) in vec3 aPos;\n" // 定义了一个输入变量aPos，它是一个vec3类型的变量, 并且指定了它的位置值为0, 这意味着顶点属性数组的第一个属性将被绑定到这个变量"void main()\n""{\n""   gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);\n" // 将输入的顶点位置aPos转换为一个四维向量，gl_Postion是OpengGL固定功能管线中用于存储顶点位置的变量"}\0";// 片段着色器源码const char* fragmentShaderSource = "#version 330 core\n" // 指定了GLSL（OpenGL着色器语言）的版本"out vec4 FragColor;\n" // 定义了一个输出变量FragColor，它是一个vec4类型的变量，表示片段颜色，out关键字表示这个变量将输出到渲染管线的下一个阶段"void main()\n""{\n""   FragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);\n" // 将输出颜色设置为橙色"}\n\0";// 构建并编译顶点着色程序// 创建一个着色器对象，GL_VERTEX_SHADER表示顶点着色器unsigned int vertexShader = glCreateShader(GL_VERTEX_SHADER);// 将着色器源码附加到着色器对象上glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);// 编译着色器glCompileShader(vertexShader);// 检查着色器是否编译成功int success;char infoLog[512];glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);if (!success) {glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);cout << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n"<< infoLog << endl;}// 构建并编译片段着色器// 创建一个着色器对象，GL_FRAGMENT_SHADER表示片段着色器unsigned int fragmentShader = glCreateShader(GL_FRAGMENT_SHADER);// 将着色器源码附加到着色器对象上glShaderSource(fragmentShader, 1, &fragmentShaderSource, NULL);// 编译着色器glCompileShader(fragmentShader);// 检查着色器是否编译成功glGetShaderiv(fragmentShader, GL_COMPILE_STATUS, &success);if (!success) {glGetShaderInfoLog(fragmentShader, 512, NULL, infoLog);cout << "ERROR::SHADER::FRAGMENT::COMPILATION_FAILED\n"<< infoLog << endl;}// 创建着色器程序对象this->shaderProgram = glCreateProgram();// 将着色器对象附加到着色器程序上glAttachShader(shaderProgram, vertexShader);glAttachShader(shaderProgram, fragmentShader);// 链接程序对象glLinkProgram(shaderProgram);// 检查链接是否成功glGetProgramiv(shaderProgram, GL_LINK_STATUS, &success);if (!success) {glGetProgramInfoLog(shaderProgram, 512, NULL, infoLog);cout << "ERROR::SHADER::PROGRAM::LINKING_FAILED\n"<< infoLog << endl;}// 删除着色器对象glDeleteShader(vertexShader);glDeleteShader(fragmentShader);
}void RectangleModel::setElements() {// 顶点数据float vertices[] = {-0.75f, -0.75f,0.75f, -0.75f,-0.75f, 0.75f,0.75f, 0.75f};// 索引数据int indices[] = {0, 1, 2,1, 2, 3, };// 生成一个VAOglGenVertexArrays(1, &this->VAO);// 绑定VAO，使其成为当前操作的VAOglBindVertexArray(this->VAO);// 生成一个VBOglGenBuffers(1, &this->VBO);// 绑定VBO, 使其成为当前操作的VBO，GL_ARRAY_BUFFER表示顶点缓冲区glBindBuffer(GL_ARRAY_BUFFER, this->VBO);// 为当前绑定的VBO创建并初始化数据存储，GL_STATIC_DRAW表示数据将一次性提供给缓冲区，并且在之后的绘制过程中不会频繁更改glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);// 生成一个EBOglGenBuffers(1, &this->EBO);// 绑定EBO，使其成为当前操作的EBOglBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);// 传递索引数据glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);// 定义顶点属性的布局// - index：顶点属性的索引// - size：每个顶点属性的数量，每个顶点有三个分享// - type：数据类型// - normalized：是否将非浮点数值归一化// - stride：连续顶点属性之间的间隔// - pointer：数据在缓冲区中的偏移量glVertexAttribPointer(VERTEX_ATTR_POSITION, NUM_COMPONENTS_PER_VERTEX, GL_FLOAT, GL_FALSE, NUM_COMPONENTS_PER_VERTEX * sizeof(float), (void*)0);// 启用顶点属性数组glEnableVertexAttribArray(VERTEX_ATTR_POSITION);
}

main.cpp

作用： 程序入口点

#include "utils/RectangleModel.h"
#include "utils/windowFactory.h"int main() {// 创建一个窗口Factory对象GLFWWindowFactory myWindow(800, 600, "This is Title");// 创建一个矩形模型对象RectangleModel rectangle;// 运行窗口，传入一个lambda表达式，用于自定义渲染逻辑myWindow.run([&]() {// 绘制矩形rectangle.draw();});return 0;
}

CMakeLists.txt

cmake"># 设置CMake的最低版本要求
cmake_minimum_required(VERSION 3.10)
# 设置项目名称
project(HelloFactory)# vcpkg集成, 这里要换成你自己的vcpkg工具链文件和共享库路径
set(VCPKG_ROOT D:/software6/vcpkg/)
set(CMAKE_TOOLCHAIN_FILE ${VCPKG_ROOT}/scripts/buildsystems/vcpkg.cmake)
set(CMAKE_PREFIX_PATH ${VCPKG_ROOT}/installed/x64-mingw-static/share)# 查找所需的包
find_package(glad CONFIG REQUIRED)
find_package(glfw3 CONFIG REQUIRED)# 搜索并收集utils文件夹下的所有源文件
file(GLOB UTILS "utils/*.cpp", "utils/*.h")# 添加可执行文件（还要加入utils文件夹下的源文件）
add_executable(HelloFactory main.cpp ${UTILS})# 链接所需的库
target_link_libraries(HelloFactory PRIVATE glad::glad glfw)

最终效果

在这里插入图片描述


http://www.ppmy.cn/server/137638.html

相关文章

vscode在cmake config中不知道怎么选一个工具包？select a kit

vscode在cmake config中不知道怎么选一个工具包？select a kit

vscode在cmake config中不知道怎么选一个工具包&#xff0c;或者发现一直在用VS的工具包想换成自己的工具包。select a kit vscode在cmake config中不知道怎么选一个工具包&#xff0c;或者发现一直在用VS的工具包想换成自己的工具包。select a kit 1.在VSCode中 按ctrlshift…
阅读更多...
STM32开发 —— 新工程创建思路终于清晰了

STM32开发 —— 新工程创建思路终于清晰了

目 录 工程创建三步法一、工程文件夹创建二、管理工程项三、配置工程参数 工程创建三步法 从ST官网下载好stm32标准库或HAL库&#xff0c;HAL库目录如下。 在Keil开发环境中创建STM32工程&#xff0c;分三大步即可完成工程的创建&#xff1a; 一步&#xff1a;在本地磁盘创建…
阅读更多...
论文略读：AnyGPT: Unified Multimodal LLM with Discrete Sequence Modeling

论文略读：AnyGPT: Unified Multimodal LLM with Discrete Sequence Modeling

ACL 2024 在单一框架内整个多个模态 采用离散表示来统一处理文本、各种模态、图像和音乐
阅读更多...
C语言中的main函数：命令行参数的工作原理

C语言中的main函数：命令行参数的工作原理

在C语言中&#xff0c;main函数是程序的入口点。它不仅可以接受返回值&#xff0c;还能处理命令行参数&#xff0c;允许用户在运行程序时传递数据。命令行参数是用户在启动程序时通过命令行界面提供的输入。C语言允许通过main函数的参数来访问这些输入。   int main(int argc…
阅读更多...
私有化视频平台EasyCVR视频汇聚平台接入RTMP协议推流为何无法播放？

私有化视频平台EasyCVR视频汇聚平台接入RTMP协议推流为何无法播放？

私有化视频平台EasyCVR视频汇聚平台兼容性强、支持灵活拓展&#xff0c;平台可提供视频远程监控、录像、存储与回放、视频转码、视频快照、告警、云台控制、语音对讲、平台级联等视频能力。 有用户反馈&#xff0c;项目现场使用RTMP协议接入EasyCVR平台&#xff0c;但是视频却不…
阅读更多...
气膜艺术馆：艺术与科技的未来交汇点—轻空间

气膜艺术馆：艺术与科技的未来交汇点—轻空间

在数字化快速发展的今天&#xff0c;艺术与科技的融合成为了文化创新的新趋势。气膜艺术馆&#xff0c;作为这一趋势的先锋&#xff0c;以其独特的结构和视觉效果&#xff0c;为观众提供了一场沉浸式的艺术体验。无论是吸引观众的外观&#xff0c;还是展现艺术无限可能的空间&a…
阅读更多...
linux 启动mongdb时 报libcrypto.so.3和libssl.so.3文件找不到 解决方法

linux 启动mongdb时 报libcrypto.so.3和libssl.so.3文件找不到 解决方法

在bin目录下查看ldd mongod 发现这两个依赖包找不到&#xff1a;libcrypto.so.3 > not foundlibssl.so.3 > not found解决方式安装一个openssl 可以在这里边下载一个 https://openssl-library.org/source/index.html 也可以直接参考一个安装openssl的教程 如&#xff1a;…
阅读更多...
在js中父组件获取子组件数据，但子组件的数据又是需要通过监听回调才能获取，如何等待回调结果返回才获取最新数据呢？

在js中父组件获取子组件数据，但子组件的数据又是需要通过监听回调才能获取，如何等待回调结果返回才获取最新数据呢？

我这个问题我想大家都会经常遇到。 代码如下： let result = async function stopGame(){console.log(游戏结束)return result }function getMessage(ev){result = ev.data }window.addEventListener("message",getMessage) 父组件通过await stopGame的方式调用子…
阅读更多...
最新文章

Copyright @ 2022~2023