OpenGL纹理上下颠倒翻转的三种解决办法

综述
在使用OpenGL函数加载纹理到图形时,经常遇到纹理上下颠倒的问题。原因是因为OpenGL要求纹理坐标原点在图片最下面,如图:OpenGL纹理上下颠倒翻转的三种解决办法

而图片信息中的原点一般都在最上方,一行行记录下来的,就会导致整个图片上下颠倒了。
如图:
OpenGL纹理上下颠倒翻转的三种解决办法
从这个思路触发共有三种办法解决问题:

一.翻转顶点信息中的纹理坐标
原始顶点如图:
OpenGL纹理上下颠倒翻转的三种解决办法
因为纹理坐标的范围是0-1,所以翻转的话都统一用1去减
OpenGL纹理上下颠倒翻转的三种解决办法

得到正确的图片:
OpenGL纹理上下颠倒翻转的三种解决办法

二.翻转顶点Shader中的纹理坐标
基于方法一,更聪明的办法就是直接在Shader中翻转纹理Y轴坐标
OpenGL纹理上下颠倒翻转的三种解决办法

三.翻转顶点
上面都是直接针对问题的解决办法,反其道而行之,我们也可以直接翻转顶点,这样纹理就正了:
OpenGL纹理上下颠倒翻转的三种解决办法
在翻转顶点时,就不是直接对Y值用1去减,因为顶点的取值范围是-1 - 1 ,所以我们直接加上负号做翻转即可

这篇总结,参考了一个很好的OPENGL学习网站
https://learnopengl-cn.github.io/01%20Getting%20started/06%20Textures/,
大力推荐