OpenGL started 7: graphics coordinate system

This article is a personal record of learning, learning is recommended to see the tutorial https://learnopengl-cn.github.io/
very grateful to the original author JoeyDeVries and quality tutorials, mostly Chinese translation provided by

Recent

Foreword

We have learned how to use matrix transformation to transform all vertices
OpenGL hope that all the vertices in the vertex shader after each run, we are visible to standardize device coordinates (Normalized Device Coordinate, NDC) That is, each vertex, the X , Y , Z coordinates should be in the -1.0 to 1.0 between, beyond the vertex coordinates are not visible range
we often own a set range of coordinates, then again in the vertex shader to transform these coordinates normalized device coordinates, normalized device coordinates and these incoming rasterizer (rasterizer), transforms them into two-dimensional coordinates or pixel on the screen

The coordinate transformation process is a standardized device coordinates, into screen coordinates followed is generally analogous to the stepwise line
in a pipeline, the object is transformed into a plurality of vertices will transition coordinate system (Intermediate Coordinate System), in which specific coordinate system, or some operations more convenient and easier operation

For us, the more important a total of five different coordinate systems:

Local space (Local Space, referred to as an object or a space (Object Space))
World space (World Space)
Observation space (View Space, otherwise known as visuospatial (Eye Space))
Clip space (Clip Space)
Screen space (Screen Space)

This is a vertex before finally being converted to all the segments need to experience different states

Coordinate System Overview

In order to coordinate transformation from one coordinate system to another coordinate system, we need to use several transformation matrix, the most important ones are the model (the Model), observed (View), the projection (Projection) three matrix

Our starting vertex coordinates in the local space (Local Space), where it is called the local coordinate (Local Coordinate) , after it becomes the world coordinates (World Coordinate) , observing the coordinates (View Coordinate) , cutting the coordinates (Clip coordinate) , and finally to the screen coordinates (screen coordinate) end in the form of

The local coordinates are the object relative to the origin of the local coordinates, coordinates of the starting object is
World space coordinates in a larger spatial extent, these coordinates relative to the world of global origin, they and other objects with respect to the origin of the world were placed
Next we will observe the spatial coordinates to world coordinates, so that each coordinate is from the camera or the viewer's angle of observation
After reaching the observation coordinate space, we need to cut to the projected coordinates, the coordinates are processed to clipping in the range of -1.0 to 1.0, and determining which vertices will appear on the screen
Finally, we will cut coordinates to screen coordinates, we will use a process called viewport transformation (Viewport Transform) of. Viewport transformation will be in the range of -1.0 to 1.0 to coordinate conversion by the coordinate range glViewport defined function. Finally, the coordinate conversion will be sent out of the rasterizer, which was converted to fragments.

我们之所以将顶点变换到各个不同的空间的，是因为有些操作在特定的坐标系统中才有意义且更方便
例如，当需要对物体进行修改的时候，在局部空间中来操作会更说得通；如果要对一个物体做出一个相对于其它物体位置的操作时，在世界坐标系中来做这个才更说得通，当然如果你愿意，我们也可以定义一个直接从局部空间变换到裁剪空间的变换矩阵，但那样会失去很多灵活性

接下来我们将更仔细地讨论各个坐标系统

局部空间

局部空间是指物体所在的坐标空间，即对象最开始所在的地方

比如一个3D人物模型，相对该模型的中心点(0，0，0)来说，头顶的坐标为(0，0，20)
当整个模型向前移动了10个单位，其中心点依旧是(0，0，0)，头顶依旧是(0，0，20)

所以，你的模型的所有顶点都是在局部空间中：它们相对于你的物体来说都是局部的

世界空间

如果我们将我们所有的物体导入到程序当中，它们有可能会全挤在世界的原点(0, 0, 0)上，世界空间中的坐标正如其名：是指顶点相对于（游戏）世界的坐标

上面的人物模型沿Z轴移动了10个单位后，中心点在世界坐标里变成了(0，0，10)，头顶在世界坐标里变成了(0，0，25)

上述变换由模型矩阵(Model Matrix)实现，用来将世界坐标变换到观察空间，模型矩阵是一种变换矩阵，它能通过对物体进行位移、缩放、旋转来将它置于它本应该在的位置或朝向，你可以将它想像为变换一个房子，你需要先将它缩小（它在局部空间中太大了），并将其位移至郊区的一个小镇，然后在y轴上往左旋转一点以搭配附近的房子

观察空间

观察空间经常被人们称之OpenGL的摄像机(Camera)（所以有时也称为摄像机空间(Camera Space)或视觉空间(Eye Space)），我们看到的东西都是摄像机帮我们看的，所以观察空间就是从摄像机的视角所观察到的空间，简单来说就是以摄像机为坐标原点，摄像机的朝向为Z轴方向的坐标系，在局部，世界，观察空间下，X,Y,Z的范围都是无穷大，只是坐标系的基准不一样而已

这通常是由一系列的位移和旋转的组合来完成，平移/旋转场景从而使得特定的对象被变换到摄像机的前方,这些组合在一起的变换通常存储在一个观察矩阵(View Matrix)里，它被用来将世界坐标变换到观察空间

裁剪空间

在一个顶点着色器运行的最后，OpenGL期望所有的坐标都能落在一个特定的范围内，且任何在这个范围之外的点都应该被裁剪掉(Clipped)，被裁剪掉的坐标就会被忽略，所以剩下的坐标就将变为屏幕上可见的片段

因为将所有可见的坐标都指定在-1.0到1.0的范围内不是很直观，所以我们会指定自己的坐标集(Coordinate Set)并将它变换回标准化设备坐标系，就像OpenGL期望的那样

为了将顶点坐标从观察变换到裁剪空间，我们需要定义一个投影矩阵(Projection Matrix)，它指定了一个范围的坐标，比如在每个维度上的-1000到1000，投影矩阵接着会将在这个指定的范围内的坐标变换为标准化设备坐标的范围(-1.0, 1.0)，所有在范围外的坐标不会被映射到在-1.0到1.0的范围之间，所以会被裁剪掉

在上面这个投影矩阵所指定的范围内，坐标(1250, 500, 750)将是不可见的，这是由于它的x坐标超出了范围，它被转化为一个大于1.0的标准化设备坐标，所以被裁剪掉了（如果只是图元(Primitive)，例如三角形，的一部分超出了裁剪体积(Clipping Volume)，则OpenGL会重新构建这个三角形为一个或多个三角形让其能够适合这个裁剪范围）

由投影矩阵创建的观察箱(Viewing Box)被称为平截头体(Frustum)，每个出现在平截头体范围内的坐标都会最终出现在用户的屏幕上，将特定范围内的坐标转化到标准化设备坐标系的过程被称之为投影(Projection)，因为使用投影矩阵能将3D坐标投影(Project)到很容易映射到2D的标准化设备坐标系中

一旦所有顶点被变换到裁剪空间，最终的操作——透视除法(Perspective Division)将会执行，在这个过程中我们将位置向量的x，y，z分量分别除以向量的齐次w分量；透视除法是将4D裁剪空间坐标变换为3D标准化设备坐标的过程，这一步会在每一个顶点着色器运行的最后被自动执行

在这一阶段之后，最终的坐标将会被映射到屏幕空间中（使用glViewport中的设定），并被变换成片段

将观察坐标变换为裁剪坐标的投影矩阵可以为两种不同的形式，每种形式都定义了不同的平截头体。我们可以选择创建一个正射投影矩阵(Orthographic Projection Matrix)或一个透视投影矩阵(Perspective Projection Matrix)

正射投影

正射投影矩阵定义了一个类似立方体的平截头箱，它定义了一个裁剪空间，在这空间之外的顶点都会被裁剪掉

创建一个正射投影矩阵需要指定可见平截头体的宽、高和长度，在使用正射投影矩阵变换至裁剪空间之后处于这个平截头体内的所有坐标将不会被裁剪掉，它的平截头体看起来像一个容器：

orthographic projection frustum

上面的平截头体定义了可见的坐标，它由由宽、高、近(Near)平面和远(Far)平面所指定（任何出现在近平面之前或远平面之后的坐标都会被裁剪掉），正射平截头体直接将平截头体内部的所有坐标映射为标准化设备坐标，因为每个向量的w分量都没有进行改变；如果w分量等于1.0，透视除法则不会改变这个坐标

要创建一个正射投影矩阵，我们可以使用GLM的内置函数glm::ortho：

//         左右坐标        底部和顶部     近平面和远平面的距离
glm::ortho(0.0f, 800.0f, 0.0f, 600.0f, 0.1f, 100.0f);

前两个参数指定了平截头体的左右坐标，第三和第四参数指定了平截头体的底部和顶部，通过这四个参数我们定义了近平面和远平面的大小，然后第五和第六个参数则定义了近平面和远平面的距离，这个投影矩阵会将处于这些x，y，z值范围内的坐标变换为标准化设备坐标

正射投影矩阵直接将坐标映射到2D平面中，即你的屏幕，但实际上一个直接的投影矩阵会产生不真实的结果，因为这个投影没有将透视(Perspective)考虑进去，所以我们需要透视投影矩阵来解决这个问题

透视投影

实际生活的经验告诉我们，离你越远的东西看起来越小，这个效果就是透视(Perspective)：

perspective

由于透视，这两条线在很远的地方看起来会相交，这正是透视投影想要模仿的效果，它是使用透视投影矩阵来完成的

这个投影矩阵将给定的平截头体范围映射到裁剪空间，除此之外还修改了每个顶点坐标的w值，从而使得离观察者越远的顶点坐标w分量越大，被变换到裁剪空间的坐标都会在-w到w的范围之间（任何大于这个范围的坐标都会被裁剪掉），OpenGL要求所有可见的坐标都落在-1.0到1.0范围内，作为顶点着色器最后的输出，因此，一旦坐标在裁剪空间内之后，透视除法就会被应用到裁剪空间坐标上：

顶点坐标的每个分量都会除以它的w分量，距离观察者越远顶点坐标就会越小，这是也是w分量非常重要的另一个原因，它能够帮助我们进行透视投影，最后的结果坐标就是处于标准化设备空间中的

在GLM中可以这样创建一个透视投影矩阵：

glm::mat4 proj = glm::perspective(glm::radians(45.0f), (float)width/(float)height, 0.1f, 100.0f);

同样，glm::perspective所做的其实就是创建了一个定义了可视空间的大平截头体

第一个参数定义了fov的值，它表示的是视野(Field of View)，并且设置了观察空间的大小（如果想要一个真实的观察效果，它的值通常设置为45.0f，但想要一个末日风格的结果你可以将其设置一个更大的值）
第二个参数设置了宽高比，由视口的宽除以高所得
第三和第四个参数设置了平截头体的近和远平面，我们通常设置近距离为0.1f，而远距离设为100.0f

一个透视平截头体可以被看作一个不均匀形状的箱子，在这个箱子内部的每个坐标都会被映射到裁剪空间上的一个点：

perspective_frustum

当你把透视矩阵的 near 值设置太大时（如10.0f），OpenGL会将靠近摄像机的坐标（在0.0f和10.0f之间）都裁剪掉，这会产生一个你在游戏中可能遇见过的视觉效果：太过靠近一个物体时，你的视线会直接穿透过去

当使用正射投影时，每一个顶点坐标都会直接映射到裁剪空间中而不经过任何精细的透视除法（其实它仍然会进行透视除法，只是w分量没有被改变（它保持为1），因此没有起作用），正射投影主要用于二维渲染以及一些建筑或工程的程序，在这些场景中我们更希望顶点不会被透视所干扰，例如我使用 Unity 也经常会使用到正射投影，因为它在各个维度下都更准确地描绘了每个物体

下面你能够看到在Blender里面使用两种投影方式的对比：

很显然，使用透视投影的话，远处的顶点看起来比较小，而在正射投影中每个顶点距离观察者的距离都是一样的

空间组合

我们为上述的每一个步骤都创建了一个变换矩阵：模型矩阵、观察矩阵和投影矩阵，一个顶点坐标将会根据以下过程被变换到裁剪坐标：

但是你要注意矩阵运算的顺序是相反的，上面的式子应该从右往左读，最后的顶点应该被赋值到顶点着色器中的gl_Position，OpenGL将会自动进行透视除法和裁剪

顶点着色器的输出要求所有的顶点都在裁剪空间内，这正是我们刚才使用变换矩阵所做的，OpenGL然后对裁剪坐标执行透视除法从而将它们变换到标准化设备坐标，OpenGL会使用glViewPort内部的参数来将标准化设备坐标映射到屏幕坐标，每个坐标都关联了一个屏幕上的点（在我们的例子中是一个800x600的屏幕），这个过程就是视口变换

应用到3D

既然我们知道了如何将3D坐标变换为2D坐标，我们可以开始使用真正的3D物体，而不是枯燥的2D平面了

模型矩阵

在开始进行3D绘图时，我们首先创建一个模型矩阵，这个模型矩阵包含了位移、缩放与旋转操作，它们会被应用到所有物体的顶点上，以变换它们到全局的世界空间

让我们变换一下我们的平面，将其绕着x轴旋转，使它看起来像放在地上一样，这个模型矩阵看起来是这样的：

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

通过将顶点坐标乘以这个模型矩阵，我们将该顶点坐标变换到世界坐标，我们的平面看起来就是在地板上，代表全局世界里的平面

接下来我们需要创建一个观察矩阵：我们想要在场景里面稍微往后移动，以使得物体变成可见的（当在世界空间时，我们位于原点(0,0,0)），要想在场景里面移动，你先要清楚：

将摄像机向后移动，和将整个场景向前移动是一样的

这正是观察矩阵所做的，我们以相反于摄像机移动的方向移动整个场景。因为我们想要往后移动，并且OpenGL是一个右手坐标系(Right-handed System)，所以我们需要沿着z轴的正方向移动，我们会通过将场景沿着z轴负方向平移来实现，它会给我们一种我们在往后移动的感觉

右手坐标系(Right-handed System)

按照惯例，OpenGL是一个右手坐标系。简单来说，就是正x轴在你的右手边，正y轴朝上，而正z轴是朝向后方的。想象你的屏幕处于三个轴的中心，则正z轴穿过你的屏幕朝向你。坐标系画起来如下：

coordinate_systems_right_handed

注意在标准化设备坐标系中OpenGL实际上使用的是左手坐标系（投影矩阵交换了左右手）

观察矩阵

glm::mat4 view;
// 注意，我们将矩阵向我们要进行移动场景的反方向移动。
view = glm::translate(view, glm::vec3(0.0f, 0.0f, -3.0f));

投影矩阵

最后我们需要做的是定义一个投影矩阵，我们希望在场景中使用透视投影，所以像这样声明一个投影矩阵：

glm::mat4 projection;
projection = glm::perspective(glm::radians(45.0f), screenWidth / screenHeight, 0.1f, 100.0f);

既然我们已经创建了变换矩阵，我们应该将它们传入着色器

首先，让我们在顶点着色器中声明一个uniform变换矩阵然后将它乘以顶点坐标：

#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, aTexCoord.y);
}

我们还应该将矩阵传入着色器（这通常在每次的渲染迭代中进行，因为变换矩阵会经常变动）：

int modelLoc = glGetUniformLocation(ourShader.ID, "model"));
glUniformMatrix4fv(modelLoc, 1, GL_FALSE, glm::value_ptr(model));
// 观察矩阵和投影矩阵与之类似

我们的顶点坐标已经使用模型、观察和投影矩阵进行变换了，最终的物体应该会：

稍微向后倾斜至地板方向
离我们有一些距离
有透视效果（顶点越远，变得越小）

让我们检查一下结果是否满足这些要求：

Z缓冲

OpenGL存储它的所有深度信息于一个Z缓冲(Z-buffer)中，也被称为深度缓冲(Depth Buffer)，GLFW会自动为你生成这样一个缓冲（就像它也有一个颜色缓冲来存储输出图像的颜色），深度值存储在每个片段里面（作为片段的z值），当片段想要输出它的颜色时，OpenGL会将它的深度值和z缓冲进行比较，如果当前的片段在其它片段之后，它将会被丢弃，否则将会覆盖。这个过程称为深度测试(Depth Testing)，它是由OpenGL自动完成的。

然而，如果我们想要确定OpenGL真的执行了深度测试，首先我们要告诉OpenGL我们想要启用深度测试；它默认是关闭的。我们可以通过glEnable函数来开启深度测试。glEnable和glDisable函数允许我们启用或禁用某个OpenGL功能。这个功能会一直保持启用/禁用状态，直到另一个调用来禁用/启用它。现在我们想启用深度测试，需要开启GL_DEPTH_TEST：

glEnable(GL_DEPTH_TEST);

因为我们使用了深度测试，我们也想要在每次渲染迭代之前清除深度缓冲（否则前一帧的深度信息仍然保存在缓冲中）。就像清除颜色缓冲一样，我们可以通过在glClear函数中指定DEPTH_BUFFER_BIT位来清除深度缓冲：

glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

重新运行：

mLUqqdUy8q