服务器之家：专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - C/C++ - C++ OpenGL实现三角形的绘制

C++ OpenGL实现三角形的绘制

2023-02-09 16:00代码骑士 C/C++

这篇文章主要主要为大家详细介绍了如何利用C++和OpenGL实现三角形的绘制，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起动手尝试一下

一、绘制三角形

1、初始化

（1）初始化GLFW

//初始化GLFW
  glfwInit();//初始化GLFW
  glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);//设置主版本号
  glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);//设置次版本号
  glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);//设置核心模式
  //glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE);//MAC OS
  glfwWindowHint(GLFW_RESIZABLE, false);//关闭可调节窗口大小

（2）创建一个窗口

//创建窗口(宽、高、窗口名)
  auto window = glfwCreateWindow(screen_width, screen_hight, "Triangle", nullptr, nullptr);
  if (window == nullptr) {
      std::cout << "Failed to Create OpenGL Context" << std::endl;
      glfwTerminate();
      return -1;
  }
  glfwMakeContextCurrent(window);

（3）初始化GLAD

//初始化GLAD
  if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
  {
      std::cout << "Failed to initialize GLAD" << std::endl;
      return -1;
  }

（4）创建一个视口

//创建视口
  glViewport(0, 0, screen_width, screen_hight);

初始化代码（全）：

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

#include <iostream>

const int screen_width = 800;
const int screen_hight = 600;

int main() {

	//初始化GLFW
	glfwInit();//初始化GLFW
	glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);//设置主版本号
	glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);//设置次版本号
	glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);//设置核心模式
	//glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE);//MAC OS
	glfwWindowHint(GLFW_RESIZABLE, false);//关闭可调节窗口大小
	
	//创建窗口(宽、高、窗口名)
	auto window = glfwCreateWindow(screen_width, screen_hight, "Triangle", nullptr, nullptr);
	if (window == nullptr) {
		std::cout << "Failed to Create OpenGL Context" << std::endl;
		glfwTerminate();
		return -1;
	}
	glfwMakeContextCurrent(window);

	//初始化GLAD
	if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
	{
		std::cout << "Failed to initialize GLAD" << std::endl;
		return -1;
	}

	//创建视口
	glViewport(0, 0, screen_width, screen_hight);

	return 0;
}

2、顶点输入

坐标系规定

C++ OpenGL实现三角形的绘制

顶点坐标代码

//三角形的顶点数据
const float triangle[] = {
  //--位置--//
  -0.5f,-0.5f,0.0f,//左下
  0.5f,-0.5f,0.0f,//右下
  0.0f,0.5f,0.0f,//正上
};

C++ OpenGL实现三角形的绘制

3、数据处理

（1）VBO、VAO

C++ OpenGL实现三角形的绘制

//生成并绑定VBO
  GLuint vertex_buffer_object;
  glGenBuffers(1, &vertex_buffer_object);
  glBindBuffer(GL_ARRAY_BUFFER, vertex_buffer_object);
  //将顶点数据绑定至默认的缓冲中
  glBufferData(GL_ARRAY_BUFFER, sizeof(triangle), triangle, GL_STATIC_DRAW);

C++ OpenGL实现三角形的绘制

//生成并绑定VAO
  GLuint vertex_array_object;
  glGenVertexArrays(1, &vertex_array_object);
  glBindVertexArray(vertex_array_object);

C++ OpenGL实现三角形的绘制

（2）顶点属性

//设置顶点属性指针
  glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(float),(void*)0);
  glEnableVertexAttribArray(0);

C++ OpenGL实现三角形的绘制

（3）解绑代码

//设置完成之后就可以解绑VBO、VAO了
  glBindVertexArray(0);
  glBindBuffer(GL_ARRAY_BUFFER, 0);

4、顶点着色器和片段着色器

C++ OpenGL实现三角形的绘制

//顶点着色器源码
  const char* vertex_shader_source =
      "#version 330 core\n"
      "layout (location = 0) in vec3 aPos;\n"
      "void main()\n"
      "{\n"
      "    gl_Position = vec4(aPos,1.0);\n"
      "}\n\0";

C++ OpenGL实现三角形的绘制

//片段着色器源码
  const char* fragment_shader_source =
      "#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";

C++ OpenGL实现三角形的绘制

//生成并编译着色器
  //顶点着色器
  int vertex_shader = glCreateShader(GL_VERTEX_SHADER);
  glShaderSource(vertex_shader, 1, &vertex_shader_source, NULL);
  glCompileShader(vertex_shader);
  int success;
  char info_log[512];
  // 检查着色器是否成功编译，如果编译失败，打印错误信息
  glGetShaderiv(vertex_shader, GL_COMPILE_STATUS, &success);
  if (!success)
  {
      glGetShaderInfoLog(vertex_shader, 512, NULL, info_log);
      std::cout << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << info_log << std::endl;
  }
  // 片段着色器
  int fragment_shader = glCreateShader(GL_FRAGMENT_SHADER);
  glShaderSource(fragment_shader, 1, &fragment_shader_source, NULL);
  glCompileShader(fragment_shader);
  // 检查着色器是否成功编译，如果编译失败，打印错误信息
  glGetShaderiv(fragment_shader, GL_COMPILE_STATUS, &success);
  if (!success)
  {
      glGetShaderInfoLog(fragment_shader, 512, NULL, info_log);
      std::cout << "ERROR::SHADER::FRAGMENT::COMPILATION_FAILED\n" << info_log << std::endl;
  }

C++ OpenGL实现三角形的绘制

// 链接顶点和片段着色器至一个着色器程序
  int shader_program = glCreateProgram();
  glAttachShader(shader_program, vertex_shader);
  glAttachShader(shader_program, fragment_shader);
  glLinkProgram(shader_program);
  // 检查着色器是否成功链接，如果链接失败，打印错误信息
  glGetProgramiv(shader_program, GL_LINK_STATUS, &success);
  if (!success) {
      glGetProgramInfoLog(shader_program, 512, NULL, info_log);
      std::cout << "ERROR::SHADER::PROGRAM::LINKING_FAILED\n" << info_log << std::endl;
  }
  // 删除着色器
  glDeleteShader(vertex_shader);
  glDeleteShader(fragment_shader);

// 线框模式
  //glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);

5、渲染

C++ OpenGL实现三角形的绘制

//渲染循环
	while (!glfwWindowShouldClose(window)) {

		// 清空颜色缓冲
		glClearColor(0.0f, 0.34f, 0.57f, 1.0f);
		glClear(GL_COLOR_BUFFER_BIT);

		// 使用着色器程序
		glUseProgram(shader_program);

		// 绘制三角形
		glBindVertexArray(vertex_array_object);                                    // 绑定VAO
		glDrawArrays(GL_TRIANGLES, 0, 3);                                          // 绘制三角形
		glBindVertexArray(0);                                                      // 解除绑定

		// 交换缓冲并且检查是否有触发事件(比如键盘输入、鼠标移动等）
		glfwSwapBuffers(window);
		glfwPollEvents();
	}

    // 删除VAO和VBO
  glDeleteVertexArrays(1, &vertex_array_object);
  glDeleteBuffers(1, &vertex_buffer_object);

 

二、完整代码

代码

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

#include <iostream>

const int screen_width = 800;
const int screen_hight = 600;

//三角形的顶点数据
const float triangle[] = {
	//--位置--//
	-0.5f,-0.5f,0.0f,//左下
	0.5f,-0.5f,0.0f,//右下
	0.0f,0.5f,0.0f,//正上
};

int main() {

	//初始化GLFW
	glfwInit();//初始化GLFW
	glfwWindowHint(GLFW_CONTEXT_VERSION_MAJOR, 3);//设置主版本号
	glfwWindowHint(GLFW_CONTEXT_VERSION_MINOR, 3);//设置次版本号
	glfwWindowHint(GLFW_OPENGL_PROFILE, GLFW_OPENGL_CORE_PROFILE);//设置核心模式
	//glfwWindowHint(GLFW_OPENGL_FORWARD_COMPAT, GL_TRUE);//MAC OS
	glfwWindowHint(GLFW_RESIZABLE, false);//关闭可调节窗口大小

	//创建窗口(宽、高、窗口名)
	auto window = glfwCreateWindow(screen_width, screen_hight, "Triangle", nullptr, nullptr);
	if (window == nullptr) {
		std::cout << "Failed to Create OpenGL Context" << std::endl;
		glfwTerminate();
		return -1;
	}
	glfwMakeContextCurrent(window);

	//初始化GLAD
	if (!gladLoadGLLoader((GLADloadproc)glfwGetProcAddress))
	{
		std::cout << "Failed to initialize GLAD" << std::endl;
		return -1;
	}

	//创建视口
	glViewport(0, 0, screen_width, screen_hight);

	//生成并绑定VBO
	GLuint vertex_buffer_object;
	glGenBuffers(1, &vertex_buffer_object);
	glBindBuffer(GL_ARRAY_BUFFER, vertex_buffer_object);
	//将顶点数据绑定至默认的缓冲中
	glBufferData(GL_ARRAY_BUFFER, sizeof(triangle), triangle, GL_STATIC_DRAW);
	//生成并绑定VAO
	GLuint vertex_array_object;
	glGenVertexArrays(1, &vertex_array_object);
	glBindVertexArray(vertex_array_object);

	//设置顶点属性指针
	glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(float), (void*)0);//参数：顶点着色器位置值，分量，顶点数据类型，是否标准化，步长、数据偏移量
	glEnableVertexAttribArray(0);//开启0通道

	//设置完成之后就可以解绑VBO、VAO了
	glBindVertexArray(0);
	glBindBuffer(GL_ARRAY_BUFFER, 0);

	//顶点着色器源码
	const char* vertex_shader_source =
		"#version 330 core\n"
		"layout (location = 0) in vec3 aPos;\n"
		"void main()\n"
		"{\n"
		"	gl_Position = vec4(aPos,1.0);\n"
		"}\n\0";

	//片段着色器源码
	const char* fragment_shader_source =
		"#version 330 core\n"
		"out vec4 FragColor;\n"
		"void main()\n"
		"{\n"
		"	FragColor = vec4(1.0f,0.1f,0.1f,1.0f);\n"
		"}\n\0";

	//生成并编译着色器
	//顶点着色器
	int vertex_shader = glCreateShader(GL_VERTEX_SHADER);
	glShaderSource(vertex_shader, 1, &vertex_shader_source, NULL);
	glCompileShader(vertex_shader);
	int success;
	char info_log[512];
	// 检查着色器是否成功编译，如果编译失败，打印错误信息
	glGetShaderiv(vertex_shader, GL_COMPILE_STATUS, &success);
	if (!success)
	{
		glGetShaderInfoLog(vertex_shader, 512, NULL, info_log);
		std::cout << "ERROR::SHADER::VERTEX::COMPILATION_FAILED\n" << info_log << std::endl;
	}
	// 片段着色器
	int fragment_shader = glCreateShader(GL_FRAGMENT_SHADER);
	glShaderSource(fragment_shader, 1, &fragment_shader_source, NULL);
	glCompileShader(fragment_shader);
	// 检查着色器是否成功编译，如果编译失败，打印错误信息
	glGetShaderiv(fragment_shader, GL_COMPILE_STATUS, &success);
	if (!success)
	{
		glGetShaderInfoLog(fragment_shader, 512, NULL, info_log);
		std::cout << "ERROR::SHADER::FRAGMENT::COMPILATION_FAILED\n" << info_log << std::endl;
	}
	// 链接顶点和片段着色器至一个着色器程序
	int shader_program = glCreateProgram();
	glAttachShader(shader_program, vertex_shader);
	glAttachShader(shader_program, fragment_shader);
	glLinkProgram(shader_program);
	// 检查着色器是否成功链接，如果链接失败，打印错误信息
	glGetProgramiv(shader_program, GL_LINK_STATUS, &success);
	if (!success) {
		glGetProgramInfoLog(shader_program, 512, NULL, info_log);
		std::cout << "ERROR::SHADER::PROGRAM::LINKING_FAILED\n" << info_log << std::endl;
	}
	// 删除着色器
	glDeleteShader(vertex_shader);
	glDeleteShader(fragment_shader);

	// 线框模式
	//glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);

	//渲染循环
	while (!glfwWindowShouldClose(window)) {

		// 清空颜色缓冲
		glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
		glClear(GL_COLOR_BUFFER_BIT);

		// 使用着色器程序
		glUseProgram(shader_program);

		// 绘制三角形
		glBindVertexArray(vertex_array_object);                                    // 绑定VAO
		glDrawArrays(GL_TRIANGLES, 0, 3);                                          // 绘制三角形
		glBindVertexArray(0);                                                      // 解除绑定

		// 交换缓冲并且检查是否有触发事件(比如键盘输入、鼠标移动等）
		glfwSwapBuffers(window);
		glfwPollEvents();
	}

	// 删除VAO和VBO
	glDeleteVertexArrays(1, &vertex_array_object);
	glDeleteBuffers(1, &vertex_buffer_object);

	// 清理所有的资源并正确退出程序
	glfwTerminate();
	return 0;
}

输出

C++ OpenGL实现三角形的绘制

修改尺寸

C++ OpenGL实现三角形的绘制

修改三角形颜色

C++ OpenGL实现三角形的绘制

修改背景颜色

C++ OpenGL实现三角形的绘制

线框模式

C++ OpenGL实现三角形的绘制

输出

C++ OpenGL实现三角形的绘制

以上就是C++ OpenGL实现三角形的绘制的详细内容，更多关于C++ OpenGL绘制三角形的资料请关注服务器之家其它相关文章！

原文链接：https://blog.csdn.net/qq_51701007/article/details/125425691

  • C++
  • 三角形
  • OpenGL

    • 延伸 · 阅读

    精彩推荐
    • C/C++C++表达式new与delete知识详解

      C++表达式new与delete知识详解

      这篇文章主要为大家详细介绍了C++表达式new与delete知识点，学习如何动态创建对象，动态创建的对象与一般对象的区别，动态创建的对象的初始化以及释放...

      wqli7792021-04-02
    • C/C++C++ 输入scanf()和输出printf()的操作

      C++ 输入scanf()和输出printf()的操作

      这篇文章主要介绍了C++ 输入scanf()和输出printf()的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...

      lx520aa7862021-10-08
    • C/C++C语言实现井字棋游戏(人机对弈)

      C语言实现井字棋游戏(人机对弈)

      这篇文章主要为大家详细介绍了C语言实现井字棋人机对弈游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...

      Li_yizYa7662022-08-08
    • C/C++针对Ruby的Selenium WebDriver安装指南

      针对Ruby的Selenium WebDriver安装指南

      这篇文章主要介绍了针对Ruby的Selenium WebDriver安装指南,Selenium直接运行于浏览器之中,是进行各种调试的一大神器,需要的朋友可以参考下...

      C语言教程网8382021-03-02
    • C/C++C语言编写简单拼图游戏

      C语言编写简单拼图游戏

      这篇文章主要为大家详细介绍了C语言编写简单拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...

      凸凸凸凸凸凸凸凸凸凸12292021-08-25
    • C/C++C语言实现飞机小游戏

      C语言实现飞机小游戏

      这篇文章主要为大家详细介绍了C语言实现飞机小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...

      xiaoChhhhh9882021-10-16
    • C/C++深入了解C语言冒泡排序优解

      深入了解C语言冒泡排序优解

      这篇文章主要介绍了C语言冒泡排序法的实现（升序排序法），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的...

      小尹同学3762021-12-08
    • C/C++visual studio 2019编译c++17的方法

      visual studio 2019编译c++17的方法

      这篇文章主要介绍了visual studio 2019编译c++17的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下...

      秋云11362021-08-24
    最近更新
    编辑推荐
    阅读排行
    热门标签
    1015 　 堆结构 　 地址参数 　 多继承法 　 ZOJ 　 Fishing 　 同名 　 libfreetype 　 Simulink 　 数据滚动 　 右值引用 　 NSString 　 消息传递 　 平滑处理 　 Visual C++ 　 栈区 　 堆区 　 C语言程序设计 　 内存错误 　 对象模型 　 颜色加亮 　 程序内部 　 strcat 　 WinExec 　 打开程序 　 错误调试 　 C++教程 　 tinyxml 　 XML解析器 　 静态存储区 　
    © 2019-2023 服务器之家(www.tuohang.net) 版权所有关于我们联系我们版权申明网站地图