OpenGL 渲染正方体

最新推荐文章于 2023-01-06 22:56:23 发布

原创

最新推荐文章于 2023-01-06 22:56:23 发布 · 1.2k 阅读

8 ·

CC 4.0 BY-SA版权

三维物体不是说相对2维多什么，是使用矩阵变化，来营造不同的视角，从而达到3维效果，这就涉及到了比较重要的总共有5个不同的坐标系统：

局部空间(Local Space，或者称为物体空间(Object Space))
世界空间(World Space)
观察空间(View Space，或者称为视觉空间(Eye Space))
裁剪空间(Clip Space)
屏幕空间(Screen Space)

将坐标从一个坐标系变换到另一个坐标系，我们需要用到几个变换矩阵，最重要的几个分别是模型(Model)、观察(View)、投影(Projection)三个矩阵。我们的顶点坐标起始于局部坐标(Local Coordinate)，它在之后会变为世界坐标(World Coordinate)，观察坐标(View Coordinate)，裁剪坐标(Clip Coordinate)，并最后以屏幕坐标(Screen Coordinate)的形式结束

为上面每一个步骤都创建了一个变换矩阵：模型矩阵、观察矩阵和投影矩阵。一个顶点坐标将会经过gl_Position = projection * view * model * vec4(aPos, 1.0);被变换到裁剪坐标，OpenGL将会自动进行透视除法和裁剪

3D绘图流程：

首先创建一个模型矩阵model。这个模型矩阵包含了位移、缩放与旋转操作，它们会被应用到所有物体的顶点上，以变换它们到全局的世界空间
再创建一个观察矩阵。我们想要在场景里面稍微往后移动，以使得物体变成可见的（当在世界空间时，我们位于原点(0,0,0)）
接着再创建一个投影矩阵。在场景中使用透视投影
最后修改着色器并传入数据，调试程序

参考链接：
https://learnopengl-cn.github.io/01%20Getting%20started/08%20Coordinate%20Systems/

相关资料：
图形加载库stb_image.h：https://blog.csdn.net/y_dd6011/article/details/116703348?spm=1001.2014.3001.5501
着色器类的头文件shader.h：https://blog.csdn.net/y_dd6011/article/details/116701837?spm=1001.2014.3001.5501

渲染流程：

// 修改顶点着色器：添加变换矩阵
gl_Position = projection * view * model * vec4(aPos, 1.0);

// 添加三维坐标，正方形6个面，一个面由2个三角形组成，共计36个点坐标
float vertices[] = {
	...
	};
	
// 渲染循环之前，开启深度测试
glEnable(GL_DEPTH_TEST);

// 渲染中：先清缓存，再做变化
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
ourShader.setMat4("model", model);
</