博客
关于我
顶点坐标和纹理坐标之纹理变换
阅读量:146 次
发布时间:2019-02-28

本文共 1222 字,大约阅读时间需要 4 分钟。

给定如下坐标定义:

/* 定义顶点的次序是大写的反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右下    };

 

转载地址:http://nfld.baihongyu.com/

你可能感兴趣的文章
nodejs npm常用命令
查看>>
Nodejs process.nextTick() 使用详解
查看>>
NodeJS yarn 或 npm如何切换淘宝或国外镜像源
查看>>
nodejs 中间件理解
查看>>
nodejs 创建HTTP服务器详解
查看>>
nodejs 发起 GET 请求示例和 POST 请求示例
查看>>
NodeJS 导入导出模块的方法( 代码演示 )
查看>>
nodejs 开发websocket 笔记
查看>>
nodejs 的 Buffer 详解
查看>>
nodejs 的 path 模块详解
查看>>
NodeJS 的环境变量: 开发环境vs生产环境
查看>>
nodejs 读取xlsx文件内容
查看>>
nodejs 运行CMD命令
查看>>
Nodejs+Express+Mysql实现简单用户管理增删改查
查看>>
nodejs+nginx获取真实ip
查看>>
nodejs-mime类型
查看>>
NodeJs——(11)控制权转移next
查看>>
NodeJS、NPM安装配置步骤(windows版本)
查看>>
NodeJS、NPM安装配置步骤(windows版本)
查看>>
nodejs下的express安装
查看>>