博客
关于我
顶点坐标和纹理坐标之纹理变换
阅读量: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教程09:实现一个带接口请求的简单服务器
查看>>
nodejs服务端实现post请求
查看>>
nodejs框架,原理,组件,核心,跟npm和vue的关系
查看>>
Nodejs概览: 思维导图、核心技术、应用场景
查看>>
nodejs模块——fs模块
查看>>
Nodejs模块、自定义模块、CommonJs的概念和使用
查看>>
nodejs生成多层目录和生成文件的通用方法
查看>>
nodejs端口被占用原因及解决方案
查看>>
Nodejs简介以及Windows上安装Nodejs
查看>>
nodejs系列之express
查看>>
nodejs系列之Koa2
查看>>
Nodejs连接mysql
查看>>
nodejs连接mysql
查看>>
NodeJs连接Oracle数据库
查看>>
nodejs配置express服务器,运行自动打开浏览器
查看>>
NodeMCU教程 http请求获取Json中文乱码解决方案
查看>>
Nodemon 深入解析与使用
查看>>
NodeSession:高效且灵活的Node.js会话管理工具
查看>>
node~ http缓存
查看>>
node不是内部命令时配置node环境变量
查看>>