博客
关于我
顶点坐标和纹理坐标之纹理变换
阅读量: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/

你可能感兴趣的文章
Node.js也分裂了-开源社区动态
查看>>
Node.js创建第一个应用
查看>>
Node.js初体验
查看>>
Node.js升级工具n
查看>>
Node.js卸载超详细步骤(附图文讲解)
查看>>
Node.js卸载超详细步骤(附图文讲解)
查看>>
Node.js基于Express框架搭建一个简单的注册登录Web功能
查看>>
node.js学习之npm 入门 —8.《怎样创建,发布,升级你的npm,node模块》
查看>>
Node.js安装与配置指南:轻松启航您的JavaScript服务器之旅
查看>>
Node.js安装及环境配置之Windows篇
查看>>
Node.js安装和入门 - 2行代码让你能够启动一个Server
查看>>
node.js安装方法
查看>>
Node.js官网无法正常访问时安装NodeJS的方法
查看>>
node.js模块、包
查看>>
node.js模拟qq漂流瓶
查看>>
node.js的express框架用法(一)
查看>>
Node.js的交互式解释器(REPL)
查看>>
Node.js的循环与异步问题
查看>>
Node.js高级编程:用Javascript构建可伸缩应用(1)1.1 介绍和安装-安装Node
查看>>
nodejs + socket.io 同时使用http 和 https
查看>>