- 当使用OpenGL进行图形渲染时，顶点着色器（Vertex Shader）和片段着色器（Fragment Shader）是两个关键的组件。它们负责对图形数据进行处理和渲染，并最终呈现在屏幕上。
顶点着色器（Vertex Shader）：顶点着色器主要用于处理输入的顶点数据（位置、颜色、纹理坐标等），执行一系列变换操作（如平移、旋转、缩放等），并输出变换后的顶点位置和属性。它将顶点从对象空间（或模型空间）转换到剪裁空间（或标准化设备坐标空间）。
片段着色器（Fragment Shader）：片段着色器（也称为像素着色器）负责处理每个图元（如三角形）的片段（像素），并计算出每个片段的最终颜色值和深度值。它可以进行各种操作，如纹理映射、光照计算、阴影处理等，最终输出最终的颜色和深度信息
这两个着色器共同协作，将输入的顶点数据转换成最终在屏幕上渲染的图像
让我为您画出一个简单的示意图：
+-----------------+ +------------------+
| Vertex Data | | Fragment Data |
| (Attributes) | | |
+-----------------+ +------------------+
| |
| |
v v
+-------------------+ +-------------------+
| Vertex Shader | | Fragment Shader |
| | | |
| Transformation | | Color/Texture |
| Operations | | Operations |
+-------------------+ +-------------------+
| |
| |
v v
+------------------+ +------------------+
| Transformed | | Final Color/ |
| Vertices | | Depth Value |
+------------------+ +------------------+
| |
| |
v v
+------------------+ +------------------+
| Clipping/ | | Fragment Depth |
| Rasterization | | Test and |
| Operations | | Blending |
+------------------+ +------------------+
| |
| |
v v
+----------------+ +------------------+
| Screen-space | | Final Rendered |
| Coordinates | | Image |
+----------------+ +------------------+
