OpenGL —— 2.3、绘制第一个三角形(附源码,glfw+glad)(更新!)

news2024/10/6 1:50:01
源码效果

在这里插入图片描述

C++源码

     vertexShader.glsl

#version 330 core

layout(location = 0) in vec3 aPos;
layout(location = 1) in vec3 aColor;

out vec4 outColor;

void main()
{
	gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);
	outColor = vec4(aColor, 1.0);
};


     fragmentShader.glsl

#version 330 core

in vec4 outColor;
out vec4 FragColor;

void main()
{
	FragColor = outColor;
};


     main.c

#include "OpenGLClass.h"

int main()
{
	OpenGLClass opengl;

	return 0;
}


     OpenGLClass.h

#pragma once

#include "Global.h"

class OpenGLClass
{
public:
	OpenGLClass();
	~OpenGLClass();

protected:
	// 初始化模型VAO/VBO
	void initModel();

	// 初始化shader文件
	bool initShader(const char *_vertexPath, const char *_fragPath);

	// 读取glsl文件内容
	std::string ReadGlslContext(const char *sPath);

	// 刷新Render
	void FlushRender();

	// 回调 - 窗口尺寸变化回调
	static void bck_GLFWframebuffersizefun(GLFWwindow* window, int width, int height);

	// 处理按键输入
	void ProcessKeyPInput(GLFWwindow *window);

private:
	unsigned int shaderProgram = 0;		// shader的链接程序
	unsigned int VBO = 0, VAO = 0;
};



     OpenGLClass.cpp

#include "OpenGLClass.h"

void OpenGLClass::bck_GLFWframebuffersizefun(GLFWwindow* window, int width, int height)
{
	// 在窗口中定义一个像素矩形,最终的图形将映射到个矩形中
	glViewport(0, 0, width, height);
}

OpenGLClass::OpenGLClass()
{
	// 初始化glfw上下文
	if (glfwInit() == GLFW_FALSE) { std::cout << "glfwInit fail!\n"; return; }
	glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);					// 3.3版本
	glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);
	glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);	// 使用OpenGL核心模式

	// 创建OpenGL窗体
	GLFWwindow *window = glfwCreateWindow(800, 600, "opengl Core", nullptr, nullptr);
	if (!window) { std::cout << "glfwCreateWindow fail!\n"; return; }

	// 当前OpenGL上下文绑定窗口
	glfwMakeContextCurrent(window);

	// 加载所有OpenGL函数指针
	if (GL_FALSE == gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
	{
		std::cout << "gladLoadGLLoader fail!\n"; return;
	}

	// 在窗口中定义一个像素矩形,最终的图形将映射到个矩形中
	glViewport(0, 0, 800, 600);

	// 窗口大小调整回调
	glfwSetFramebufferSizeCallback(window, OpenGLClass::bck_GLFWframebuffersizefun);

	// 初始化VAO/VBO
	initModel();

	// 初始化shader
	if (!initShader("vertexShader.glsl", "fragmentShader.glsl"))
	{
		std::cout << "_initShader fail!\n"; system("pause"); return;
	}

	// 窗口标志是否是关闭
	while (!glfwWindowShouldClose(window))
	{
		// 输入按键处理
		ProcessKeyPInput(window);

		// 使用红,绿,蓝以及alpha值来清除颜色缓冲区
		glClearColor(0.328125f, 0.35156f, 0.82421f, 1.0f);

		// 将从窗口中清除最后一次所绘制的图形
		/*
			GL_COLOR_BUFFER_BIT:    当前可写的颜色缓冲
			GL_DEPTH_BUFFER_BIT:    深度缓冲
			GL_ACCUM_BUFFER_BIT:	累积缓冲
  			GL_STENCIL_BUFFER_BIT:	模板缓冲
		*/
		glClear(GL_COLOR_BUFFER_BIT);

		FlushRender();

		// 双缓冲,使用OpenGL或OpenGL ES进行渲染
		glfwSwapBuffers(window);

		// glfw事件循环
		glfwPollEvents();

		// 睡眠10ms,防止造成GPU疯狂消耗。实际具体调整
		Sleep(10);
	}

	// 释放资源,终止GLFW库
	glfwTerminate();
}

OpenGLClass::~OpenGLClass()
{
	shaderProgram = 0;
	VBO = 0, VAO = 0;
}

void OpenGLClass::ProcessKeyPInput(GLFWwindow *window)
{
	if (window)
	{
		// 获取窗口按键是否ESC
		if (glfwGetKey(window, GLFW_KEY_ESCAPE) == GLFW_PRESS)
		{
			// 设置窗口关闭标志
			glfwSetWindowShouldClose(window, true);
		}
	}
	window = nullptr;
}

void OpenGLClass::FlushRender()
{
	// 使用程序
	glUseProgram(shaderProgram);

	// 绑定VAO
	glBindVertexArray(VAO);

	// 绘制三角形
	glDrawArrays(GL_TRIANGLES, 0, 3);

	// 关闭使用程序
	glUseProgram(0);
}

void OpenGLClass::initModel()
{
	// 坐标、颜色
	float vertices[]
	{
		-0.5f,-0.5f,0.0f,	1.0f,0.0f,0.0f,
		0.5f,-0.5f,0.0f,	0.0f,1.0f,0.0f,
		0.0f,0.5f,0.0f,		0.0f,0.0f,1.0f
	};


	/****************************************************/	// VAO
	// 创建VAO
	glGenVertexArrays(1, &VAO);

	// 绑定指定的顶点数组对象(Vertex Array Object, VAO)
	glBindVertexArray(VAO);
	/****************************************************/


	/****************************************************/	// VBO
	// 生成缓冲区对象
	glGenBuffers(1, &VBO);

	// 绑定命名缓冲区对象
	glBindBuffer(GL_ARRAY_BUFFER, VBO);

	// 缓冲对象(VBO,IBO 等)分配空间并存储数据
	glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);;

	/*
		指定顶点属性在顶点缓冲对象中的布局,并将其与顶点着色器中的顶点属性进行关联
			参数1:第n个layout (对应glsl中顶点着色器的layout)
			参数2:顶点属性的组成元素的数量,例如3表示顶点属性是由3个浮点数组成
			参数3:顶点属性的数据类型
			参数4:是否将非浮点型的数据归一化到[-1, 1]或[0, 1]范围内
			参数5:相邻两个顶点属性之间的字节数,通常为0或属性类型大小乘以数量
			参数6:顶点属性在顶点缓冲对象中的偏移量或者数据的首地址
	*/
	glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void *)0);
	glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void *)(sizeof(float) * 3));

	// 激活锚点(参数:第0个layout)
	glEnableVertexAttribArray(0);
	glEnableVertexAttribArray(1);

	// VBO解绑VAO
	glBindVertexArray(0);
	/****************************************************/
}

std::string OpenGLClass::ReadGlslContext(const char *sPath)
{
	std::string strContext;
	if (!sPath) { return strContext; }

	std::ifstream sFile;
	sFile.open(sPath);
	if (sFile.is_open())
	{
		std::stringstream sStream;
		sStream << sFile.rdbuf();
		strContext = sStream.str();
	}
	return strContext;
}

bool OpenGLClass::initShader(const char *_vertexPath, const char *_fragPath)
{
	char infoLog[512] = { 0 };
	int successFlag = 0;

	/*********************************************************/	// vertex编译
	std::string vertexContext = ReadGlslContext(_vertexPath); if (vertexContext.empty()) { return false; }
	const char *cVertexContext = vertexContext.c_str();

	// 创建顶点着色器对象
	unsigned int iVertexID = glCreateShader(GL_VERTEX_SHADER);

	// 为顶点着色器指定源码(参数2:传过去几个)
	glShaderSource(iVertexID, 1, &cVertexContext, nullptr);

	// 编译顶点着色器源码
	glCompileShader(iVertexID);

	// 查看编译顶点着色器源码结果
	glGetShaderiv(iVertexID, GL_COMPILE_STATUS, &successFlag);
	if (!successFlag)	// 编译失败
	{
		// 获取编译失败原因
		glGetShaderInfoLog(iVertexID, 512, nullptr, infoLog);
		std::cout << "glGetShaderiv GL_VERTEX_SHADER" << iVertexID << " fail:" << infoLog << std::endl; return false;
	}
	cVertexContext = nullptr;
	/*********************************************************/


	/*********************************************************/	// fragment编译
	std::string fragmentContext = ReadGlslContext(_fragPath); if (fragmentContext.empty()) { return false; }
	const char *cFragmentContext = fragmentContext.c_str();

	// 创建顶点着色器对象
	unsigned int iFragmentID = glCreateShader(GL_FRAGMENT_SHADER);

	// 为顶点着色器指定源码(参数2:传过去几个)
	glShaderSource(iFragmentID, 1, &cFragmentContext, nullptr);

	// 编译顶点着色器源码
	glCompileShader(iFragmentID);

	// 查看编译顶点着色器源码结果
	glGetShaderiv(iFragmentID, GL_COMPILE_STATUS, &successFlag);
	if (!successFlag)	// 编译失败
	{
		// 获取编译失败原因
		glGetShaderInfoLog(iFragmentID, 512, nullptr, infoLog);
		std::cout << "glGetShaderiv GL_FRAGMENT_SHADER" << iFragmentID << " fail:" << infoLog << std::endl; return false;
	}
	cFragmentContext = nullptr;
	/*********************************************************/


	/*********************************************************/	// 链接
	// 创建一个空的着色器程序对象
	shaderProgram = glCreateProgram();

	// 将着色器对象附加到着色器程序对象上
	glAttachShader(shaderProgram, iVertexID);
	glAttachShader(shaderProgram, iFragmentID);

	// 进行链接程序对象
	glLinkProgram(shaderProgram);

	// 查看链接状态
	glGetProgramiv(shaderProgram, GL_LINK_STATUS, &successFlag);
	if (!successFlag)	// 链接失败
	{
		// 获取链接失败原因
		glGetProgramInfoLog(shaderProgram, 512, nullptr, infoLog);
		std::cout << "glGetProgramiv " << shaderProgram << " fail:" << infoLog << std::endl; return false;
	}
	/*********************************************************/


	/* 在链接完成后,将编译shader相关删除。仅留下链接ID */
	glDeleteShader(iVertexID);
	glDeleteShader(iFragmentID);
	return true;
}

关注

Wx GZH:码农总动员

笔者 - jxd

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/913235.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

离散Fourier变换的一种理解方法

1. 离散Fourier变换的定义 一个信号 x 的离散Fourier变换(Discrete Fourier Transform&#xff0c;简记为DFT)定义为 &#xff0c; 其逆(inverse) Fourier变换(简记为 IDFT)定义为 。 (译注&#xff1a;符号“≜”表示“根据定义&#xff0c;左边等于右边”。) 其中&#x…

电脑连接手机热点无法访问 GitHub

电脑连接手机热点无法访问 GitHub 解决方案 修改本地请求配置 修改 Windows 中 hosts 文件&#xff0c;路径&#xff1a; C:\Windows\System32\drivers\etc 添加内容&#xff1a; 140.82.112.4 www.github.com 140.82.112.4 github.com 提示&#xff1a;Windows 有权限限制&am…

智慧班牌云平台源码 (人脸识别、信息发布、校园风采、家校互通、教务管理、考勤管理)

电子班牌是一款智慧校园的管理工具&#xff0c;也是校园的多媒体展示平台&#xff0c;智慧电子班牌系统是专为学校智慧教育设计的一款智慧校园的管理工具&#xff0c;融合了多媒体信息发布、校园风采、家校互通、教务管理、考勤管理、日常办公等一系列应用。具备智慧教育功能和…

Mybatis的动态SQL及关键属性和标识的区别(对SQL更灵活的使用)

&#xff08; 虽然文章中有大多文本内容&#xff0c;想了解更深需要耐心看完&#xff0c;必定大有受益 &#xff09; 目录 一、动态SQL ( 1 ) 是什么 ( 2 ) 作用 ( 3 ) 优点 ( 4 ) 特殊标签 ( 5 ) 演示 二、#和$的区别 2.1 #使用 ( 1 ) #占位符语法 ( 2 ) #优点 2.…

Mac Flutter web环境搭建

获取 Flutter SDK 下载以下安装包来获取最新的 stable Flutter SDK将文件解压到目标路径, 比如: cd ~/development $ unzip ~/Downloads/flutter_macos_3.13.0-stable.zip 配置 flutter 的 PATH 环境变量&#xff1a; export PATH"$PATH:pwd/flutter/bin" // 这个命…

java版数字藏品深色UI仿鲸探数藏盲盒合成短视频卡牌模式支持高并发

此版本为JAVA开发的版本 系统稳定 数据库MYSQL 前端uniapp 支持百万级用户&#xff0c;急速搭建 主要功能介绍 艺术品发售 藏品发售用户可以购买 后台藏品可设置不同稀有度 二级市场 用户的藏品可以直接挂售到二级市场商城 其他用户可以购买自己的藏品 合成 可以通过…

STM32 F103C8T6学习笔记12:红外遥控—红外解码-位带操作

今日学习一下红外遥控的解码使用&#xff0c;红外遥控在日常生活必不可少&#xff0c;它的解码与使用也是学习单片机的一个小过程&#xff0c;我们将通过实践来实现它。 文章提供源码、测试工程下载、测试效果图。 目录 红外遥控原理&#xff1a; 红外遥控特点&#xff1a; …

MyBatis进阶:掌握MyBatis动态SQL与模糊查询、结果映射,让你在面试中脱颖而出!!

目录 一、引言 二、MyBatis动态SQL 2.1.if元素使用 2.2.foreach元素使用 三、MyBatis模糊查询 ①使用#{字段名} ②使用${字段名} ③使用concat{%,#{字段名},%} 总结 四、MyBatis结果映射 4.1.案例演示 4.1.1.resultType进行结果映射 4.1.2.resultMap进行结果映射 …

【Java从入门到精通|1】从特点到第一个Hello World程序

写在前面 在计算机编程领域&#xff0c;Java是一门广泛应用的高级编程语言。它以其强大的跨平台性能、丰富的库和生态系统以及易于学习的语法而备受开发者欢迎。本文将引导您逐步了解Java的特点、如何安装和配置开发环境&#xff0c;以及如何编写您的第一个Java程序。 一、Java…

AI智能问答原来有这么多优点!

AI智能问答是最近一个比较新的概念&#xff0c;looklook今天打算从AI智能问答的优点出发&#xff0c;来和大家聊聊它的具体优势。到底为什么这么多企业都开始选择搭建这个AI智能问答&#xff0c;奥秘就在这里啦&#xff01; AI智能问答的优点 1.提高客户满意度——AI智能问答系…

my_CNN-FWI实验

CNN之后的模型结果&#xff1a; 2000epoch Rmse:0.0584 之前SMOOTH的结果 放一张对比图&#xff1a;

CST中lumped element中spice电路编写

CST中lumped element中spice电路编写 简述参考示例电路结构图注意 简述 在CST中lumped element中有自带的并联RLC、串联RLC、二极管、spice电路和Touchstone文件等。我们可以从help文档中看到自带的并联RLC、串联RLC不能完成一些复杂的电路电路的设置。 这时我们可以使用spi…

Django 简易PACS读片系统

1、Django中写一个后端接口&#xff0c;给HTML提供dicom文件接口的方式 1、首先创建django项目 1、下载安装跨域的包 pip3 install django-cors-headers2、使用pycharm创建一个Django项目 3、点击创建在另一个窗口&#xff0c;这个都无所谓&#xff0c;怎么都行&#xff0c;…

pdf转ppt在线的好工具有什么推荐?pdf转ppt方法介绍

在某些情况下&#xff0c;我们可能需要对PPT文件进行编辑、修改或重新排版&#xff0c;以满足特定的演讲需求或观众的需求。通过将PDF转换为PPT&#xff0c;我们可以方便地对文本、图片、布局等进行修改&#xff0c;使得演示内容更加贴合我们的目标&#xff0c;更能有效地传达我…

前端加springboot实现Web Socket连接通讯以及测试流程(包括后端实现心跳检测)

【2023】前端加springboot实现Web Socket连接通讯&#xff08;包括后端实现心跳检测&#xff09; 一级目录二级目录三级目录 前言一、Web Socket 简绍1 为什么用 websocket&#xff1f; 二、代码实现1、前端&#xff08;html&#xff09;1.1、无前端向后端发送消息1.2、有前端向…

当下软件测试员的求职困境

从去年被裁到现在&#xff0c;自由职业的我已经有一年没有按部就班打卡上班了。期间也面试了一些岗位&#xff0c;有首轮就挂的&#xff0c;也有顺利到谈薪阶段最后拿了offer的&#xff0c;不过最后选择了拒绝。 基于自己近一年的面试求职经历&#xff0c;我想聊聊当下大家在求…

半导体投资前景蒙阴,投资降幅或创下近十年最大纪录 | 百能云芯

对经济增速放缓的担忧&#xff0c;正逐渐影响半导体行业&#xff0c;使得一度火热的投资热情开始变得谨慎起来。预计2023年&#xff0c;全球前十大半导体制造商的设备投资额将首次在过去四年中出现下降趋势&#xff0c;而且这个下降幅度可能创下近十年来的最大纪录。 最近&…

AD域证书导入JDK

一、安装证书 服务器管理器找到仪表盘&#xff0c;点击添加角色和功能 点击下一步 再次点击下一步 下一步 选择Active Directory证书服务 点击添加功能&#xff0c;然后点击下一步 点击下一步 下一步 按照下图所示选择&#xff0c;默认证书颁发机构已经选择&#xff0c…

Vue3.X 创建简单项目(一)

一、环境安装与检查 首先&#xff0c;我们要确保我们安装了构建vue框架的环境&#xff0c;不会安装的请自行百度&#xff0c;有很多安装教程。检查环境 node -v # 如果没有安装nodejs请安装&#xff0c;安装教程自行百度 vue -V# 没有安装&#xff0c;请执行npm install -g v…

2023年如何运营TikTok账号?这些技巧你一定要知道

Tik Tok目前的全球月活已经突破7亿。作为全球最受欢迎的应用程序之一&#xff0c;它不仅为用户提供了记录分享生活中美好时刻、交流全球创意的阵地&#xff0c;也给全球的企业提供了一个直接触达用户的平台。 一、保持视频内容的真实性 当我们站在用户的角度去考虑时&#xf…