OpenGL ES 基础：坐标系映射与纹理渲染实战

最新推荐文章于 2026-04-12 09:45:00 发布

原创

最新推荐文章于 2026-04-12 09:45:00 发布 · 905 阅读

标签

#OpenGL ES #纹理渲染 #坐标系系统 #GLSL

1. OpenGL ES坐标系系统详解

第一次接触OpenGL ES的开发者，最常遇到的问题就是"为什么我的图片显示是倒着的？"。这个看似简单的问题背后，其实隐藏着OpenGL ES三大坐标系系统的差异。理解这些坐标系的关系，是掌握纹理渲染的基础。

OpenGL ES中存在三个核心坐标系系统：

屏幕坐标系：这是我们最熟悉的2D坐标系，原点在左下角，X轴向右，Y轴向上。在iOS/Android平台上，这个坐标系的原点实际上在左上角，这是导致图像倒置问题的根源之一。
纹理坐标系：这个坐标系的原点在左下角，X轴向右（S轴），Y轴向上（T轴），范围都是[0,1]。当我们将一张图片作为纹理加载时，图片的像素数据会按照这个坐标系进行映射。
顶点坐标系：这是3D归一化坐标系，原点在中心，X向右，Y向上，Z轴向屏幕外，范围都是[-1,1]。我们绘制的所有几何图形都基于这个坐标系。

// 典型的顶点坐标定义（矩形）
GLfloat vertexVertices[] = {
    -1.0f, -1.0f,  // 左下
     1.0f, -1.0f,  // 右下
    -1.0f,  1.0f,  // 左上
     1.0f,  1.0f   // 右上
};

// 对应的纹理坐标
GLfloat textureVertices[] = {
    0.0f, 0.0f,  // 左下
    1.0f, 0.0f,  // 右下
    0.0f, 1.0f,  // 左上
    1.0f, 1.0f   // 右上
};