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

在使用OpenGL函数加载纹理到图形时,经常遇到纹理上下颠倒的问题。原因是因为OpenGL要求纹理坐标原点在图片最下面,如图: 
tex_coord 
而图片信息中的原点一般都在最上方,一行行记录下来的,就会导致整个图片上下颠倒了。 
如图: 
nega-y 
从这个思路触发共有三种办法解决问题:

一.翻转顶点信息中的纹理坐标

原始顶点如图: 
origin_verticles 
因为纹理坐标的范围是0-1,所以翻转的话都统一用1去减 
right_y_verticles

得到正确的图片: 
right_y

二.翻转顶点Shader中的纹理坐标

基于方法一,更聪明的办法就是直接在Shader中翻转纹理Y轴坐标 
right_y_shader

三.翻转顶点

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

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

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值