顶点坐标和纹理坐标之纹理变换

最新推荐文章于 2025-03-18 21:53:15 发布

HUI的技术笔记

最新推荐文章于 2025-03-18 21:53:15 发布

阅读量1.7k

点赞数

分类专栏： openGL

本文链接：https://blog.youkuaiyun.com/hongszh/article/details/109065663

版权

openGL 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何通过调整顶点坐标和纹理坐标来实现图形的左右翻转。在图形渲染中，通过对纹理坐标进行左右坐标交换，可以轻松达到翻转效果。同时展示了未翻转和翻转后的顶点坐标和纹理坐标示例，适用于前置摄像头左右反向的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

给定如下坐标定义：

   /* 定义顶点的次序是大写的反N字形，这样根据绘制三角形规则刚好构成矩形 */
    float vertices[] = {
        -1.0f,  1.0f, 1.0,  0,  0, //0左上
        -1.0f, -1.0f, 1.0,  0,  1, //1左下
         1.0f,  1.0f, 1.0,  1,  0, //2右上
         1.0f, -1.0f, 1.0,  1,  1, //3右下
    };

如下图，上面的顶点坐标从上到下连起来就是反N字形连线，纹理坐标把下面的坐标对应到顶点坐标的上面，连线和顶点坐标的反N字刚好上下颠倒。

需要左右翻转的话就很简单了，把纹理坐标左右坐标调换，坐标次序不变，就完成了左右翻转。

变换前和变换后比较：

//变换前：
    float vertices[] = {
        -1.0f,  1.0f, 1.0,  0,  0, //0左上
        -1.0f, -1.0f, 1.0,  0,  1, //1左下
         1.0f,  1.0f, 1.0,  1,  0, //2右上
         1.0f, -1.0f, 1.0,  1,  1, //3右下
    };

// 前置摄像头左右是反的，左右翻转纹理坐标，即：
    float vertices[] = {
        -1.0f,  1.0f, 1.0,  1,  0, //0左上
        -1.0f, -1.0f, 1.0,  1,  1, //1左下
         1.0f,  1.0f, 1.0,  0,  0, //2右上
         1.0f, -1.0f, 1.0,  0,  1, //3右下
    };

另外一种定义，开始不对纹理上下翻转：

// 变换前，这个纹理坐标没有上下翻转：
    float vertices[] = {
        -1.0f,  1.0f, 1.0,  0,  1, //0左上
        -1.0f, -1.0f, 1.0,  0,  0, //1左下
         1.0f,  1.0f, 1.0,  1,  1, //2右上
         1.0f, -1.0f, 1.0,  1,  0, //3右下
    };
// 变换后，前置摄像头左右是反的，翻转纹理左右坐标， 即：
    float vertices[] = {
        -1.0f,  1.0f, 1.0,  1,  1, //0左上
        -1.0f, -1.0f, 1.0,  1,  0, //1左下
         1.0f,  1.0f, 1.0,  0,  1, //2右上
         1.0f, -1.0f, 1.0,  0,  0, //3右下
    };