android 游戏导引(4. 简单纹理贴图)
2012-12-10 15:11
357 查看
这一节主要讲述 opengl 的贴图技术,涉及了简单的纹理知识。临近放年假,忙啊。
源码下载: 点我吧
1.1 纹理坐标 和 纹理映射
1.2 opengl 中启用纹理映射功能
1.3 创建纹理
1.4 指定纹理
1.5 删除纹理
1.6 绑定纹理
1.7 设置过滤器
1.8 纹理映射
2 常见的几个问题
2.1 贴图呈现白色
2.2 图像扭曲
3 代码实现
4 贴图一个机器人
纹理实际上是一个二维数组,其元素是一些颜色值,每一元素称之为纹理像素 (texel)。 纹理对象是一个内部数据类型,存储着纹理数据。你不能直接访问纹理对象,但是可以通过一个整数的 ID 来作为其句柄跟踪之。通过此句柄,你可以作为当前使用的纹理(称之为纹理绑定),也可以从内存中删除这个纹理对象,还可以为一的纹理赋值(将一些纹理数据加载到关联的纹理中,称之为指定纹理)。
通常一个纹理映射的步骤是:
创建纹理对象。就是获得一个新的纹理句柄 ID.
指定纹理。就是将数据赋值给 ID 的纹理对象,在这一步,图像数据正式加载到了 ID 的纹理对象中。
设定过滤器。定义了opengl现实图像的效果,如纹理放大时的马赛克消除。
绑定纹理对象。就是将 ID 的纹理作为下面操作的纹理。
纹理映射。将已绑定纹理的数据绘制到屏幕上去,在这一步,就能看到贴图的效果了。
一个纹理对象有其自己的一套坐标系,左下角是 (0,0) 右上角是 (1,1):
我们要将一个图像的一部分绘制到屏幕上,称之为纹理映射, 就是将图像根据上述坐标系计算出要绘制的部分的各个点的纹理坐标,然后一一对应到屏幕上的坐标中去(下图中的坐标系是左上角为原点的):
在默认设置中,纹理映射是关闭的,启用的参数是 GLTEXTURE2D, 还有其他的参数: GL_TEXTURE_1D, GL_TEXTURE_3D, GL_TEXTURE_CUBE_MAP。我们只用到2D纹理,其他不再赘述。
创建纹理,用函数 glGenTextures() 完成,函数返回新创建的纹理的 ID。此函数可以创建 n 个纹理,并将纹理ID 放在 textures 中:
范例:
?
OpenGL 提供了三个函数来指定纹理: glTexImage1D(), glTexImage2D(), glTexImage3D(). 这三个版本用于相应维数的纹理,我们用到的是 2D 版本: glTexImage2D().
参数过多,可以使用 GLUtils 中的 texImage2D() 函数,好处是直接将 Bitmap 数据作为参数:
参数:
target操作的目标类型,设为 GL_TEXTURE_2D 即可level纹理的级别,本节不涉及,设为 0 即可bitmap图像border边框,一般设为0
删除纹理, 第三个参数指明了第二个参数 textures 数组中纹理ID 的步长,一般是紧凑顺序存放,设为0即可。
绑定后,此纹理处于活动状态。在第一次绑定一个纹理对象时, 会将一系列初始值来适应你的应用。绑定比较简单,用函数 glBindTexture():
第一个参数是纹理类型,我们使用 2D 纹理,参数设为 GL_TEXTURE_2D, 第二个参数是纹理对象的 ID。
有两个版本:float版和int版本。
一般我们设置两个, 一个放大器的: GL_TEXTURE_MAG_FILTER, 一个缩小器的: GL_TEXTURE_MIN_FILTER.
下面的两行告诉OpenGL在显示图像时,当它比放大得原始的纹理大 ( GL_TEXTURE_MAG_FILTER )或缩小得比原始得纹理小( GL_TEXTURE_MIN_FILTER )时OpenGL采用的滤波方式。通常这两种情况下我都采用 GL_LINEAR 。这使得纹理从很远处到离屏幕很近时都平滑显示。使用 GL_LINEAR 需要CPU和显卡做更多的运算。如果您的机器很慢,您也许应该采用 GL_NEAREST 。过滤的纹理在放大的时候,看起来斑驳的很(马赛克)。您也可以结合这两种滤波方式。在近处时使用 GL_LINEAR ,远处时 GL_NEAREST 。
用函数 glTexCoordPointer 指定纹理坐标数组,
默认这个功能是关闭的,所以需要打开:
?
可能的原因:
未启用 GL_TEXTURE_2D 选项。请使用 glEnable() 和 glDisable() 函数进行开启和关闭。
纹理对象无数据。 使用 GLUtils.texImage2D() 来指定,指定前需 glBindTexture() 激活当前纹理。
可能的原因:
纹理坐标和顶点坐标对应关系是否正确,调整之
图像的大小不是 2 的次幂, 解决: 内部重新生成一张 2 的次幂的image,调整uv坐标
创建+指定。 构造函数完成
绑定。
绘制。
@note: 为了处理 2 的次幂,内部对原始图像不是2的次幂的重新建立了一个图像。详见代码吧。
?
?
这一节有点枯燥,学习愉快。
源码下载: 点我吧
Table of Contents
1 纹理 Texture1.1 纹理坐标 和 纹理映射
1.2 opengl 中启用纹理映射功能
1.3 创建纹理
1.4 指定纹理
1.5 删除纹理
1.6 绑定纹理
1.7 设置过滤器
1.8 纹理映射
2 常见的几个问题
2.1 贴图呈现白色
2.2 图像扭曲
3 代码实现
4 贴图一个机器人
1 纹理 Texture
纹理定义了物体表面的结构,如花纹,图案,皱纹等等。有了纹理,模型世界才会更加丰富多彩。如一个球形模型,我们给其映射足球的纹理,这就是一个足球,给其映射地球纹理,就是一个地球。另外,如果给一个四边形映射一个墙的纹理,这边是墙,否则,我们需要一块砖一块砖的构建在本节中,我们所指的是狭义的纹理: 图像纹理(对应的有函数纹理—用数学函数来定义的纹理)。纹理实际上是一个二维数组,其元素是一些颜色值,每一元素称之为纹理像素 (texel)。 纹理对象是一个内部数据类型,存储着纹理数据。你不能直接访问纹理对象,但是可以通过一个整数的 ID 来作为其句柄跟踪之。通过此句柄,你可以作为当前使用的纹理(称之为纹理绑定),也可以从内存中删除这个纹理对象,还可以为一的纹理赋值(将一些纹理数据加载到关联的纹理中,称之为指定纹理)。
通常一个纹理映射的步骤是:
创建纹理对象。就是获得一个新的纹理句柄 ID.
指定纹理。就是将数据赋值给 ID 的纹理对象,在这一步,图像数据正式加载到了 ID 的纹理对象中。
设定过滤器。定义了opengl现实图像的效果,如纹理放大时的马赛克消除。
绑定纹理对象。就是将 ID 的纹理作为下面操作的纹理。
纹理映射。将已绑定纹理的数据绘制到屏幕上去,在这一步,就能看到贴图的效果了。
1.1 纹理坐标 和 纹理映射
一个纹理对象有其自己的一套坐标系,左下角是 (0,0) 右上角是 (1,1):我们要将一个图像的一部分绘制到屏幕上,称之为纹理映射, 就是将图像根据上述坐标系计算出要绘制的部分的各个点的纹理坐标,然后一一对应到屏幕上的坐标中去(下图中的坐标系是左上角为原点的):
1.2 opengl 中启用纹理映射功能
在默认设置中,纹理映射是关闭的,启用的参数是 GLTEXTURE2D, 还有其他的参数: GL_TEXTURE_1D, GL_TEXTURE_3D, GL_TEXTURE_CUBE_MAP。我们只用到2D纹理,其他不再赘述。gl.glEnable(GL_TEXTURE_2D)
1.3 创建纹理
创建纹理,用函数 glGenTextures() 完成,函数返回新创建的纹理的 ID。此函数可以创建 n 个纹理,并将纹理ID 放在 textures 中:void glGenTextures (int n, IntBuffer textures) |
?
1.4 指定纹理
OpenGL 提供了三个函数来指定纹理: glTexImage1D(), glTexImage2D(), glTexImage3D(). 这三个版本用于相应维数的纹理,我们用到的是 2D 版本: glTexImage2D().void glTexImage2D (int target, int level, int internalformat, int width, int height, int border, int format, int type, Buffer pixels) |
void texImage2D (int target, int level, Bitmap bitmap, int border) |
target操作的目标类型,设为 GL_TEXTURE_2D 即可level纹理的级别,本节不涉及,设为 0 即可bitmap图像border边框,一般设为0
?
1.5 删除纹理
删除纹理, 第三个参数指明了第二个参数 textures 数组中纹理ID 的步长,一般是紧凑顺序存放,设为0即可。void glDeleteTextures (int n, int[] textures, int offset) |
1.6 绑定纹理
绑定后,此纹理处于活动状态。在第一次绑定一个纹理对象时, 会将一系列初始值来适应你的应用。绑定比较简单,用函数 glBindTexture():void glBindTexture (int target, int texture) |
1.7 设置过滤器
有两个版本:float版和int版本。void glTexParameterf (int target, int pname, float param) | |
void glTexParameterx (int target, int pname, int param) |
下面的两行告诉OpenGL在显示图像时,当它比放大得原始的纹理大 ( GL_TEXTURE_MAG_FILTER )或缩小得比原始得纹理小( GL_TEXTURE_MIN_FILTER )时OpenGL采用的滤波方式。通常这两种情况下我都采用 GL_LINEAR 。这使得纹理从很远处到离屏幕很近时都平滑显示。使用 GL_LINEAR 需要CPU和显卡做更多的运算。如果您的机器很慢,您也许应该采用 GL_NEAREST 。过滤的纹理在放大的时候,看起来斑驳的很(马赛克)。您也可以结合这两种滤波方式。在近处时使用 GL_LINEAR ,远处时 GL_NEAREST 。
?
1.8 纹理映射
用函数 glTexCoordPointer 指定纹理坐标数组,void glTexCoordPointer (int size, int type, int stride, Buffer pointer) |
?
2 常见的几个问题
2.1 贴图呈现白色
可能的原因:未启用 GL_TEXTURE_2D 选项。请使用 glEnable() 和 glDisable() 函数进行开启和关闭。
纹理对象无数据。 使用 GLUtils.texImage2D() 来指定,指定前需 glBindTexture() 激活当前纹理。
2.2 图像扭曲
可能的原因:纹理坐标和顶点坐标对应关系是否正确,调整之
图像的大小不是 2 的次幂, 解决: 内部重新生成一张 2 的次幂的image,调整uv坐标
3 代码实现
先定义一个纹理对象,其基本接口有:创建+指定。 构造函数完成
绑定。
绘制。
@note: 为了处理 2 的次幂,内部对原始图像不是2的次幂的重新建立了一个图像。详见代码吧。
?
4 贴图一个机器人
代码很简单了,在场景 scene 的 draw() 中绘制一个 texture2D, 具体下载代码看看吧:?
相关文章推荐
- android 游戏导引(4. 简单纹理贴图)
- android 游戏导引(4. 简单纹理贴图)
- android 游戏导引(4. 简单纹理贴图)
- android 游戏导引(4. 简单纹理贴图)
- android 游戏纹理贴图总结
- android游戏引擎andengine学习系列七:纹理贴图的理解
- android游戏引擎andengine学习系列七:纹理贴图的理解
- 几个简单步骤建立Android游戏项目
- (转)使用OpenGL显示图像(七)Android OpenGLES2.0——纹理贴图之显示图片
- 【Android开发学习35】GL_TRIANGLE_STRIP之纹理贴图
- 【iOS-Cocos2d游戏开发之二十】精灵的基础知识点总汇(位图操作/贴图更换/重排z轴等)以及利用CCSprite与CCLayerColor制作简单遮盖层!
- [置顶] Android小游戏开发:简单的合金弹头游戏(一)游戏框架
- 【Android游戏开发二十一】Android os设备谎言分辨率的解决方案!以及简单阐述游戏引擎如何使用!
- Android中使用OpenGL ES实现纹理贴图以及实现多重纹理混合
- Android apps浅析01-Amazed:一个简单但令人上瘾的加速度为基础的大理石指导游戏。
- android游戏开发(一)简单的图形渲染
- [android游戏开发初学]简单的游戏框架
- Android OpenGL es 纹理坐标设定与贴图规则
- 游戏设计中的纹理贴图
- 【Android游戏开发之一】设置全屏以及绘画简单的图形