OpenGL学习之坐标系统

最新推荐文章于 2023-08-21 17:24:08 发布
最新推荐文章于 2023-08-21 17:24:08 发布
阅读量421 收藏
点赞数 2
分类专栏： opengl学习 文章标签： opengl 坐标变换 坐标系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41631051/article/details/90339128
版权

在我的OpenGL渲染管线中介绍了几何变换中的几个坐标系系统（局部空间、世界空间、观察空间、裁剪空间、屏幕空间）以及它们之间的转换。

当我们同时对物体进行平移，旋转，视图，投影灯变换时，一个顶点坐标将会根据以下过程被变换到裁剪坐标

矩阵运算顺序为从右到左

接着OpenGL需要对裁剪坐标执行透视除法，使得它们均变换到标准设备坐标，OpenGL会使用glViewPort内部的参数来标准化设备坐标映射到屏幕坐标，每个坐标都关联了一个屏幕上的点（视口变换）。

 1.创建模型矩阵

当我们给顶点坐标乘以这个模型矩阵时，该顶点将变换到世界坐标

glm::mat4 model;
model = glm::rotate(model,glm::radians(-55.0f),glm::vec3(1.0f,0.0f,0.0f));

 

2.观察矩阵

我们想要在场景里稍微往后移动，使得物体变成可见的（将摄像机向后移动和整个场景向前移动是一样的）

glm::mat4 view;
view = glm::translate(view,glm::vec3(0.0f,0.0f,-0.3f));

 3.投影矩阵

glm::mat4 projection;
projection = glm::perspective(glm::radians(45.0f),screenwidth/screen Height,1.0f,100.0f);

4.顶点着色器

#version 330 core
layout(Location = 0)in vec3 apos;
layout(location = 1)in vec2 aTexCoord;

out vec2 TexCoord;

Uniform mat4 model;
Uniform mat4 view;
Uniform mat4 projection;

void main()
{
    gl_Position = projection * view * model *vec4(aPos,1.0);
    TexCoord = vec2(aTexCoord.x,1.0-aTexCoord.y);
}

5.将矩阵传入着色器

在渲染迭代中进行

unsigned int modelLoc = glGetUniformLocation(ourShader.ID,"moadel");
glUniformMatrix4fv(modelLoc,1,GL_FALSE,glm::value_ptr(model));

ungigned int viewLoc = glGetUniformLocation(ourShader.ID,"view");
glUniformMatrix4fv(viewLoc,1,GL_FALSE,&view[0][0]);

main()函数中while循环：

while (!glfwWindowShouldClose(window))
	{
		// input
		// -----
		processInput(window);

		// render
		// ------
		glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
		glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); // also clear the depth buffer now!

															// bind textures on corresponding texture units
		glActiveTexture(GL_TEXTURE0);
		glBindTexture(GL_TEXTURE_2D, texture1);
		glActiveTexture(GL_TEXTURE1);
		glBindTexture(GL_TEXTURE_2D, texture2);

		// activate shader
		ourShader.use();

		
		glm::mat4 model = glm::mat4(1.0f); // make sure to initialize matrix to identity matrix first
		glm::mat4 view = glm::mat4(1.0f);
		glm::mat4 projection = glm::mat4(1.0f);
		model = glm::rotate(model, glm::radians(-55.0f), glm::vec3(1.0f, 0.0f, 0.0f));
		view = glm::translate(view, glm::vec3(0.0f, 0.0f, -3.0f));
		projection = glm::perspective(glm::radians(45.0f), (float)SCR_WIDTH / (float)SCR_HEIGHT, 0.1f, 100.0f);
		// retrieve the matrix uniform locations
		unsigned int modelLoc = glGetUniformLocation(ourShader.ID, "model");
		unsigned int viewLoc = glGetUniformLocation(ourShader.ID, "view");
		// pass them to the shaders (3 different ways)
		glUniformMatrix4fv(modelLoc, 1, GL_FALSE, glm::value_ptr(model));
		glUniformMatrix4fv(viewLoc, 1, GL_FALSE, &view[0][0]);
		// note: currently we set the projection matrix each frame, but since the projection matrix rarely changes it's often best practice to set it outside the main loop only once.
		ourShader.setMat4("projection", projection);

		// render container
		glBindVertexArray(VAO);
		glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);
		


		// glfw: swap buffers and poll IO events (keys pressed/released, mouse moved etc.)
		// -------------------------------------------------------------------------------
		glfwSwapBuffers(window);
		glfwPollEvents();
	}

	// optional: de-allocate all resources once they've outlived their purpose:
	// ------------------------------------------------------------------------
	glDeleteVertexArrays(1, &VAO);
	glDeleteBuffers(1, &VBO);
	glDeleteBuffers(1, &EBO);
	// glfw: terminate, clearing all previously allocated GLFW resources.
	// ------------------------------------------------------------------
	glfwTerminate();
	return 0;
}

6. 结果图

 7.创建三维立方体

我们需要36个顶点来渲染一个立方体

float vertices[] = {
    -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,
     0.5f, -0.5f, -0.5f,  1.0f, 0.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 0.0f,

    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 1.0f,
    -0.5f,  0.5f,  0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,

    -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,

    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,
     0.5f, -0.5f, -0.5f,  1.0f, 1.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
     0.5f, -0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f, -0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f, -0.5f, -0.5f,  0.0f, 1.0f,

    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f,
     0.5f,  0.5f, -0.5f,  1.0f, 1.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
     0.5f,  0.5f,  0.5f,  1.0f, 0.0f,
    -0.5f,  0.5f,  0.5f,  0.0f, 0.0f,
    -0.5f,  0.5f, -0.5f,  0.0f, 1.0f
};

使得立方体旋转

model=glm::rotate(model,(float)glfwGetTime()*glm::radians(50.0f),glm::vec3(0.5f,1.0f,1.0f));

glDrawArrays(GL_TRIANGLE,0,36);

这个时候的立方体，某些本应被遮挡住的面被绘制在了立方体的其他面上。是因为OpenGL是逐个三角形地绘制立方体，所以就算之前那里有东西，它也会覆盖之前的像素。这个时候，我们要开启OpenGL的深度测试，我们使用glEnable函数来开启深度测试。glEnable和glDisable函数允许我们启用或禁用某个OpenGL功能。

glEnable(GL_DEPTH_TEST);

由于使用了深度测试，也需要在每次迭代之前清除缓冲（否则前一帧的深度信息仍然保存在缓冲中）

glClear(GL_COLOR_BUFFER_BIT|GL_DEPTH_BUFFER_BIT);

此时的while循环为：

while (!glfwWindowShouldClose(window))
	{
		// input
		// -----
		processInput(window);

		// render
		// ------
		glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
		glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); // also clear the depth buffer now!

															// bind textures on corresponding texture units
		glActiveTexture(GL_TEXTURE0);
		glBindTexture(GL_TEXTURE_2D, texture1);
		glActiveTexture(GL_TEXTURE1);
		glBindTexture(GL_TEXTURE_2D, texture2);

		// activate shader
		ourShader.use();

		
		glm::mat4 model = glm::mat4(1.0f); // make sure to initialize matrix to identity matrix first
		glm::mat4 view = glm::mat4(1.0f);
		glm::mat4 projection = glm::mat4(1.0f);
		model = glm::rotate(model, (float)glfwGetTime()*glm::radians(50.0f), glm::vec3(0.5f, 1.0f, 0.0f));
		view = glm::translate(view, glm::vec3(0.0f, 0.0f, -3.0f));
		projection = glm::perspective(glm::radians(45.0f), (float)SCR_WIDTH / (float)SCR_HEIGHT, 0.1f, 100.0f);
		// retrieve the matrix uniform locations
		unsigned int modelLoc = glGetUniformLocation(ourShader.ID, "model");
		unsigned int viewLoc = glGetUniformLocation(ourShader.ID, "view");
		// pass them to the shaders (3 different ways)
		glUniformMatrix4fv(modelLoc, 1, GL_FALSE, glm::value_ptr(model));
		glUniformMatrix4fv(viewLoc, 1, GL_FALSE, &view[0][0]);
		// note: currently we set the projection matrix each frame, but since the projection matrix rarely changes it's often best practice to set it outside the main loop only once.
		ourShader.setMat4("projection", projection);

		// render container
		glBindVertexArray(VAO);
		//glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);
		glDrawArrays(GL_TRIANGLES, 0, 36);
		
		// glfw: swap buffers and poll IO events (keys pressed/released, mouse moved etc.)
		// -------------------------------------------------------------------------------
		glfwSwapBuffers(window);
		glfwPollEvents();
	}

	// optional: de-allocate all resources once they've outlived their purpose:
	// ------------------------------------------------------------------------
	glDeleteVertexArrays(1, &VAO);
	glDeleteBuffers(1, &VBO);
	//glDeleteBuffers(1, &EBO);
	// glfw: terminate, clearing all previously allocated GLFW resources.
	// ------------------------------------------------------------------
	glfwTerminate();
	return 0;
}

 最后我们在屏幕上显示10个立方体，每个立方体除了位置和旋转角度全部都相同。立方体的图形布局已经定义好了，所以当渲染更多物体的时候不需要改变缓冲数组和属性数组，只需要改变每个对象的模型矩阵来将模型矩阵来将立方体变换到世界坐标系中。

在glm::vec3数组中定义10个立方体的位置：

glm::vec3 cubePositions[] = {
  glm::vec3( 0.0f,  0.0f,  0.0f), 
  glm::vec3( 2.0f,  5.0f, -15.0f), 
  glm::vec3(-1.5f, -2.2f, -2.5f),  
  glm::vec3(-3.8f, -2.0f, -12.3f),  
  glm::vec3( 2.4f, -0.4f, -3.5f),  
  glm::vec3(-1.7f,  3.0f, -7.5f),  
  glm::vec3( 1.3f, -2.0f, -2.5f),  
  glm::vec3( 1.5f,  2.0f, -2.5f), 
  glm::vec3( 1.5f,  0.2f, -1.5f), 
  glm::vec3(-1.3f,  1.0f, -1.5f)  
};

在while循环中对箱子添加变换

glBindVertexArray(VAO);
for(unsigned int i = 0; i < 10; i++)
{
  glm::mat4 model;
  model = glm::translate(model, cubePositions[i]);
  float angle = 20.0f * i; 
  model = glm::rotate(model, glm::radians(angle), glm::vec3(1.0f, 0.3f, 0.5f));
  ourShader.setMat4("model", model);

  glDrawArrays(GL_TRIANGLES, 0, 36);
}

结果图为： 

参考文章LearnOpenGL CN 

Estelle_Z
关注
专栏目录
【openGL教程 11 】关于坐标系统
gongdiwudu的专栏
02-24 1756
本篇是openGL学习中的核心内容之一；坐标之间的互相变换，是较为外向的知识，读懂本篇的基础性知识是射影几何，本篇与着色，像素并无太大关联，甚至与对象物体无关；视觉坐标是虚构的，只有进入度量体系才能具体化并对物体姿态、移动计量和预测，进而产生影响。
OpenGL学习笔记：坐标系统
mumufan05的专栏
08-20 1万+
为了将坐标从一个坐标系变换到另一个坐标系，我们需要用到几个变换矩阵，最重要的几个分别是模型(Model)、观察(View)、投影(Projection)三个矩阵。我们的顶点坐标起始于局部空间(Local Space)，在这里它称为局部坐标(Local Coordinate)，它在之后会变为世界坐标(World Coordinate)，观察坐标(View Coordinate)，裁剪坐标(Clip ...
OpenGL学习笔记（七）坐标系统
haima1998的专栏
11-12 861
转自：https://learnopengl-cn.github.io/01%20Getting%20started/08%20Coordinate%20Systems/ https://zhuanlan.zhihu.com/p/108670094 本文为学习LearnOpenGL的学习笔记，如有书写和理解错误还请大佬扶正； 教程链接： 坐标系统 - LearnOpenGL CN​learnopengl-cn.github.io 一，基础概念 1，要达到的效果 OpenGL在每次顶点着色器运行
OpenGL渲染管线之坐标系 （二）
qq_16983195的博客
10-21 548
本文图片引用自https://learnopengl-cn.readthedocs.io/ 概述： 在OpenGL渲染的整个流程中，共涉及到这几个坐标系：局部坐标系（Object or model coordinates）、世界坐标系（World coordinates）、摄像机坐标系（Eye、Camera coordinates）、裁剪坐标系（Clip coordinates）、屏幕坐标系（...
OpenGL案例理解MVP矩阵（Model View Projection）
最新发布
Lindy_pass的博客
08-21 1943
MVP变换是图形学的基础，也是理解的难点。理论解释看了很多遍，每次都似懂非懂结果下次用到又忘了……这次在学习OpenGL的过程中看到了官方案例，能很直观地帮助我们理解MVP矩阵。LearnOpenGL真的是学习OpenGL的保姆级教材，强推！！！本文用到的案例来源于《LearnOpenGL》坐标系统一章中所给出的最后一个案例案例源代码及配置方式详见本文末尾。（明天写）
LearnOpenGL-笔记4
qq_41765657的博客
03-13 1405
OpenGL.CN 入门之前全部笔记
基于VC++的OpenGL编程讲座之坐标变换.rar_VC 坐标_opengl 变换_vc opengl 坐标_坐标 变换_坐标
09-19
OpenGL坐标系统通常分为模型视图坐标、投影坐标和屏幕坐标。模型视图坐标是物体原始的位置，经过一系列的模型和视图变换后得到的坐标。投影坐标则是将模型视图坐标映射到近裁剪平面和远裁剪平面之间，这个过程由投影...
zuobiao.rar_opengl 坐标_opengl 坐标显示_opengl坐标_opengl显示鼠标_鼠标坐标
09-21
这通常涉及到窗口到OpenGL坐标系统的转换，因为鼠标的屏幕坐标是相对于窗口的左上角，而OpenGL坐标系统则是基于窗口中心的。 在OpenGL中显示坐标，开发者通常会在每个帧开始时更新坐标信息，并在屏幕上用文本或图元...
Cocos2d-x学习笔记之世界坐标系、本地坐标系、opengl坐标系、屏幕坐标系
09-04
屏幕坐标系与OpenGL坐标系不同，因为它遵循的是常规的图像坐标系统，即y轴向下。你可以使用`CCDirector::sharedDirector()->convertToUI()`将其他坐标系转换为屏幕坐标系。 5. **转换方法**： - `CCNode::...
OpenGL入门第四次实验 几何变换（一）
The_Dan的博客
03-18 1369
链接: https://pan.baidu.com/s/1cBTTbbzRCVBCX_H4jf6qMA 提取码: kj8w 一、实验原理 本次实验利用OpenGL的GLFW库以及glm进行几何变换操作，实现了作业的两个要求。 GLFW是一个用于OpenGL应用程序开发的可移植库。它处理与OpenGL上下文创建、窗口管理、分辨率切换、键盘、鼠标、操纵杆和时间输入以及基本线程设施相关的系统特定任务。 GLEW能自动识别当前平台所支持的全部OpenGL高级扩展涵数。只要包含glew.h头文件，就能使用gl,glu
OpenGL三维彩色平滑着色正方体，自由旋转，由三角形绘制
10-21
OpenGL三维彩色平滑着色正方体，自由旋转，由三角形绘制
使用PyOpenGL绘制三维坐标系实例
09-18
今天小编就为大家分享一篇使用PyOpenGL绘制三维坐标系实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
GLM 中的mat4
wzj5530的专栏
10-29 1万+
GLM 中的mat4xxxxmat4中内存的排列方式mat4的使用方式glm::frustum四元数转mat4glm::translate xxxx mat4中内存的排列方式 mat4的类定义在type_mat4x4.hpp中，下面是对整个类代码的部分截取： struct tmat4x4 { typedef tvec4<T, P> col_type; private: col_type value[4]; public： template <typename
OpenGL中的坐标变换、矩阵变换
热门推荐
孙群
06-01 2万+
OpenGL中存在六种坐标系： 1. Object or model coordinates（模型坐标系） 2. World coordinates（世界坐标系） 3. Eye (or Camera) coordinates（视坐标系） 4. Clip coordinates（裁剪坐标系） 5. Normalized device coordinates（归一化设备坐标系） 6. Wi
OpenGL---基于四元数的摄像机系统
m0_56399931的博客
02-01 4031
---------------------------------------------------------博主：mx 基础概念： 摄象机： OpenGL本身没有摄像机(Camera)的概念，但我们可以通过把场景中的所有物体往相反方向移动的方式来模拟出摄像机，产生一种我们在移动的感觉，而不是场景在移动。 当我们讨论摄像机/观察空间(Camera/View Space)的时候，是在讨论以摄像机的视角作为场景原点时场景中所有的顶点坐标：观察矩阵把所有的世界坐标变换为相对于摄像机位置与方向的观察坐标
OpenGL(四)坐标系
yujunyu12的博客
09-07 470
前言 在前两章，总结有顶点坐标，纹理坐标。实际上在这之上还有更多的坐标。作者经过学习后，在本文总结一番。 上一篇：OpenGL矩阵 正文 OpenGL希望每一次运行顶点着色器之后，我们所见到的顶点坐标都转化为标准化设备坐标(NDC)。 也就是说，每个顶点的x,y,z都应该在[-1,1]之间，超出这个范围都应该看不见。我们通常会自己设定一个坐标范围，之后顶点着色器中所有的坐标都会转化为标准化设备坐标...
【OpenGL学习笔记九】坐标系统
briant_ccj的专栏
03-12 2030
有了一个三维的模型之后，如何能够从不同的角度显示它？就像用鼠标拖着箱子，如何360度环绕的旋转，通过滑动齿轮放大，缩小，这些都是如何实现的？
OpenGL着色器中的坐标系
qq_20535249的博客
11-04 1366
gl_FragCoord的x和y分量代表了片段的屏幕空间坐标（其中(0, 0)位于左下角）。gl_FragCoord中也包含了一个z分量，它包含了片段真正的深度值。z值就是需要与深度缓冲内容所对比的那个值。
OpenGL学习笔记（七）GLSL中的gl_Position
皮皮#2500
02-16 1万+
OpenGL学习笔记（七）GLSL中的gl_Position 在编写顶点着色器的时候，遇到了一个变量gl_Position如下： #version 330 core layout (location = 0) in vec3 aPos; // 位置变量的属性位置值为0 out vec4 vertexColor; // 为片段着色器指定一个颜色输出 void main() { gl_Po...
OpenGL glut网格坐标系统实现
"该资源是一个使用OpenGL和GLUT库创建网格坐标系的C++源代码文件，名为`main.cpp....这个源代码展示了如何使用OpenGL和GLUT创建一个简单的3D坐标系，并配置了基本的光照效果，适合初学者了解和学习OpenGL的基础操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Estelle_Z

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

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

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

打赏作者

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

抵扣说明：

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

余额充值