2.x终于照着教程，成功使用OpenGL ES 绘制纹理贴图，增加了灰度图

在之前成功绘制变色的几何图形之后，今天利用Openg ES的可编程管线绘制出第一张纹理。学校时候不知道OpenGL的重要性，怕晦涩的语法，没有跟老师学习OpenGL的环境配置，如今只能利用cocos2dx 2.2.3 配置好的环境学习OpenGL ES。源代码来自《cocos2d-x高级开发教程》，注释是本人的。

要形成屏幕的像素也是个矩形（或者圆形区域）
所以我们只要记住，MaxS是纹理宽度除以对于的屏幕像素点的宽度，也就是纹理铺放在x轴像素点个数，对应为纹理坐标的x轴
MaxT是纹理高度度除以对于的屏幕像素点高度，也就是<span style="font-family: Arial, Helvetica, sans-serif;">纹理铺放在x轴像素点个数，对应为纹理坐标的y轴

这篇博文的重点再有已有opengl入门的情况下，了解CCTexture2D的参数意思就可以随意绘制纹理了。

void HelloWorld::draw()
{//opengl世界坐标轴的读取和绘制默认是逆时针顺序static GLfloat vertext[] = {0.0f,0.0f,0.0f,480.0f,0.0f,0.0f,0.0f,320.0f,0.0f,480.0f,320.0f,0.0f};//但是纹理的读取也是逆时针，只是EG是用三角形作为基础图形去绘制其他图形，方向先绘制下三角，再绘制上三角！！！之前这里搞错了。希望大家别被我误导了static GLfloat coord[] = {0.0f,1.0f,1.0f,1.0f,0.0f,0.0f,1.0f,0.0f};static GLfloat colors[] = {1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,1.0f,};
<span style="white-space:pre"> </span>

假设换成灰度图的话，float gray = r*0.3+g*0.59+b*0.11;将上诉的1.0f全部换成gray，就是相应的灰度图了

 //初始化纹理，即将纹理映射至openGL ES的世界坐标系中static CCTexture2D * texture2d = CCTextureCache::sharedTextureCache()->addImage("HelloWorld.png");coord[2] = coord[6] = texture2d->getMaxS();coord[1] = coord[3] = texture2d->getMaxT();

        //设置着色器//开启着色器,坐标、颜色、纹理ccGLEnableVertexAttribs(kCCVertexAttribFlag_PosColorTex);//目前没看懂具体执行了的use()操作,启用可编程管线？？texture2d->getShaderProgram()->use();//在2.2.3中setUniformsForBuiltins 替换掉 setUniformForModelViewPorjectionMatrix()，//设置统一属性，即M模型、V视图、P投影，完成从Opengl的世界坐标到屏幕坐标的映射texture2d->getShaderProgram()->setUniformsForBuiltins();//绑定纹理,texture2d->getName() 纹理在内存或显存中存储的下标（应该是下标，我没看纹理加载,还不了解GPU和CPU的通信）glBindTexture(GL_TEXTURE_2D,texture2d->getName());//设置顶点,每个顶点向量维数为3，数据类型为GL_FLOAT，不归一化（真实物理坐标不能归一化），两个个顶点间的偏移量为0,glVertexAttribPointer(kCCVertexAttrib_Position,3,GL_FLOAT,GL_FALSE,0,vertext);glVertexAttribPointer(kCCVertexAttrib_TexCoords,2,GL_FLOAT,GL_FALSE,0,coord);glVertexAttribPointer(kCCVertexAttrib_Color,4,GL_FLOAT,GL_FALSE,0,colors);//绘图，从下标0开始，有4个顶点glDrawArrays(GL_TRIANGLE_STRIP,0,4);}

重载void draw (void) 即可。可能暂时停止更新博客，先主要着手于游戏实现，而不是分享。

下面是贴转载内容：http://blog.csdn.net/wusheng520/article/details/8109284

CCTexture2D的成员变量：

m_tContentSize 图片的原始大小

m_uPixelsWide 大于等于原始宽度的最接近原始宽度的2的幂次方

m_uPixelsHeight 大于等于原始高度的最接近原始高度的2的幂次方

m_fMaxS m_tContentSize .x / m_uPixelsWide

m_fMaxT m_tContentSize .y / m_uPixelsHeight

2.x终于照着教程，成功使用OpenGL ES 绘制纹理贴图，增加了灰度图相关推荐

2.x最终照着教程，成功使用OpenGL ES 绘制纹理贴图，添加了灰度图
在之前成功绘制变色的几何图形之后,今天利用Openg ES的可编程管线绘制出第一张纹理. 学校时候不知道OpenGL的重要性,怕晦涩的语法.没有跟老师学习OpenGL的环境配置,现在仅仅能利用coco ...
【Qt for Android】OpenGL ES 绘制彩色立方体
Qt 内置对OpenGL ES的支持.选用Qt进行OpenGL ES的开发是很方便的,很多辅助类都已经具备.从Qt 5.0開始添加了一个QWindow类,该类既能够使用OpenGL绘制3D图形,也能够 ...
OpenGL ES:绘制函数glDrawArrays 和 glDrawElements 的区别
from:https://www.jianshu.com/p/4d02c2cd21ea 写文章注册登录首页下载App OpenGL ES:绘制函数glDrawArrays 和 glDrawElem ...
【AR实验室】OpenGL ES绘制相机（OpenGL ES 1.0版本）
0x00 - 前言之前做一些移动端的AR应用以及目前看到的一些AR应用,基本上都是这样一个套路:手机背景显示现实场景,然后在该背景上进行图形学绘制.至于图形学绘制时,相机外参的解算使用的是V-SLA ...
安卓学习笔记37：利用OpenGL ES绘制平面图形
文章目录零.学习目标一.OpenGL概述二.了解三维直角坐标系三.案例演示 - 绘制三角形 (一)运行效果 (二)实现步骤 1.创建安卓应用[DrawTriangle] 2.建模:创建三角形类 ...
Android Studio OpenGL ES绘制三棱锥/四面体的多纹理贴图每个面使用一张图片渲染
本文参考了王刚的<疯狂Android讲义(第3版)>P554-P559 要求:利用OpenGL ES绘制一个三棱锥,并对每个面进行纹理贴图,每个面使用不同的图片进行渲染. 环境:Andro ...
OpenGL ES 绘制图片
流程 1.编写着色器(顶点着色器和片元着色器) 2.设置顶点.纹理坐标 3.加载着色器 4.创建纹理 5.渲染图片 OpenGL ES 中的顶点坐标与纹理坐标绘制四边形规定:图形环绕方向必须一致 ...
opengl android 纹理贴图代码,Android 使用opengl es的纹理贴图白屏问题请教。
各位大侠好: 我在使用open gl es的做显示的时候,发现一个问题,请各位帮助一下,谢谢. 环境:opengl es 1.x,2D的模式显示纹理图片. 在LG-P990,HTC-C510E上显示附 ...
android opengl es 绘制余弦曲线,Android OpenGL ES - 绘制线、面
前言之前一篇文章讲了如何绘制点,所谓两点成线,三点成面.一个立体图形就是由很多面组成,在OpenGL ES中,面特指一个三角形. 绘制调用glDrawArrays(int mode, int fir ...

2.x终于照着教程，成功使用OpenGL ES 绘制纹理贴图，增加了灰度图

2.x终于照着教程，成功使用OpenGL ES 绘制纹理贴图，增加了灰度图相关推荐

最新文章

热门文章