`
yidongkaifa
  • 浏览: 4152594 次
文章分类
社区版块
存档分类
最新评论

【Android开发学习14】Android OpenGL ES 纹理映射之glDrawElements

 
阅读更多

目标: 为四方体的每个面贴上一张图片，并自动旋转。


一、基础知识:
要实现每个面上贴一张图片，首先需要创建一个纹理，并使用图片来生成一个纹理。
==========================================================================


1.初始化:


IntBuffer intBuffer = IntBuffer.allocate(2);
// 1.允许2D贴图,纹理
gl.glEnable(GL10.GL_TEXTURE_2D);
// 2.创建纹理
gl.glGenTextures(2, intBuffer);
texture = intBuffer.get(0);
// 3.设置要使用的纹理
gl.glBindTexture(GL10.GL_TEXTURE_2D, texture);
// 4.生成纹理
GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.close_Bitmap, 0);
// 5.线形滤波
gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_LINEAR);
gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR);


==========================================================================


2.使用:


// 1.清除屏幕和深度缓存
gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);

// 2.重置当前的模型观察矩阵
gl.glLoadIdentity();
// 3.移动到指定的位置
gl.glTranslatef(0.0f, 0.0f, -5.0f);

// 4.设置3个方向的旋转
gl.glRotatef(xrot, 1.0f, 0.0f, 0.0f);
gl.glRotatef(yrot, 0.0f, 1.0f, 0.0f);
gl.glRotatef(zrot, 0.0f, 0.0f, 1.0f);

texture = intBuffer.get(1);;
// 5.绑定纹理
gl.glBindTexture(GL10.GL_TEXTURE_2D, texture);

// 6.开启顶点和纹理功能
gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);

// 7.纹理和四边形对应的顶点
gl.glVertexPointer(3, GL10.GL_FIXED, 0, vertices);
gl.glTexCoordPointer(2, GL10.GL_FIXED, 0, texCoords);

// 8.绘制0
GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.iBitmap, 0);
gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4, GL10.GL_UNSIGNED_BYTE, indices_0);

// 9.关闭顶点和纹理功能
gl.glDisableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
==========================================================================

二、实现:

1. 界面编辑：
【res\layout\main.xml】

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />

<Button
    android:id="@+id/button1"
    android:layout_width="145dp"
    android:layout_height="wrap_content"
    android:text="演示开始" />

</LinearLayout>


2.代码编辑:
【\src\com\yarin\android\Examples\Activity01.java】

package com.yarin.android.Examples_12_05;

import java.io.IOException;
import java.io.InputStream;

import javax.microedition.khronos.opengles.GL10;

import android.app.Activity;
import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.opengl.GLSurfaceView;
import android.opengl.GLUtils;
import android.opengl.GLSurfaceView.Renderer;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class Activity01 extends Activity
{
	Renderer render = new GLRender();
	GLSurfaceView glView;
	Button start;			// 演示开始

	
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		GLImage.load(this.getResources());
		glView = new GLSurfaceView(this);
		
		
		glView.setRenderer(render);
		setContentView(R.layout.main);
		start=(Button)findViewById(R.id.button1);	// "演示开始"按钮初始化
		start.setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				setContentView(glView);
			}
		});
		//setContentView(glView);
	}
}


class GLImage
{
	public static Bitmap iBitmap;
	public static Bitmap jBitmap;
	public static Bitmap kBitmap;
	public static Bitmap lBitmap;
	public static Bitmap mBitmap;
	public static Bitmap nBitmap;
	public static Bitmap close_Bitmap;
	
	
	public static void load(Resources resources)
	{
		iBitmap = BitmapFactory.decodeResource(resources, R.drawable.img);
		jBitmap = BitmapFactory.decodeResource(resources, R.drawable.jmg);
		kBitmap = BitmapFactory.decodeResource(resources, R.drawable.kmg);
		lBitmap = BitmapFactory.decodeResource(resources, R.drawable.lmg);
		mBitmap = BitmapFactory.decodeResource(resources, R.drawable.mmg);
		nBitmap = BitmapFactory.decodeResource(resources, R.drawable.nmg);
		close_Bitmap = BitmapFactory.decodeResource(resources, R.drawable.close);
	}
}

【\src\com\yarin\android\Examples\GLRender.java】
package com.yarin.android.Examples_12_05;

import java.io.IOException;
import java.io.InputStream;
import java.nio.ByteBuffer;
import java.nio.IntBuffer;

import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.opengl.GLUtils;
import android.opengl.GLSurfaceView.Renderer;

public class GLRender implements Renderer
{
	float xrot, yrot, zrot;
	int texture = -1;
	int one = 0x10000;
	
	IntBuffer intBuffer = IntBuffer.allocate(2);
	int n_view_start_x=100;
	int n_view_start_y=20;
	int n_close_flag=0;	// 1: close_icon show. 0: close_icon hide.
	public int textureId;
	
	IntBuffer vertices = IntBuffer.wrap(new int[]{
			-one,-one,one,
			one,-one,one,
			one,one,one,
			-one,one,one,
			
			-one,-one,-one,
			-one,one,-one,
			one,one,-one,
			one,-one,-one,
			
			-one,one,-one,
			-one,one,one,
			one,one,one,
			one,one,-one,
			
			-one,-one,-one,
			one,-one,-one,
			one,-one,one,
			-one,-one,one,
			
			one,-one,-one,
			one,one,-one,
			one,one,one,
			one,-one,one,
			
			-one,-one,-one,
			-one,-one,one,
			-one,one,one,
			-one,one,-one,
			
	});
	IntBuffer texCoords = IntBuffer.wrap(new int[]{
		one,0,0,0,0,one,one,one,	
		0,0,0,one,one,one,one,0,
		one,one,one,0,0,0,0,one,
		0,one,one,one,one,0,0,0,
		0,0,0,one,one,one,one,0,
		one,0,0,0,0,one,one,one,
	});
	
	ByteBuffer indices = ByteBuffer.wrap(new byte[]{
			0,1,3,2,
			4,5,7,6,
			8,9,11,10,
			12,13,15,14,
			16,17,19,18,
			20,21,23,22,
	});
	
	ByteBuffer indices_0 = ByteBuffer.wrap(new byte[]{
			0,1,3,2
	});

	ByteBuffer indices_1 = ByteBuffer.wrap(new byte[]{
			4,5,7,6
	});
	
	ByteBuffer indices_2 = ByteBuffer.wrap(new byte[]{
			8,9,11,10
	});
	
	ByteBuffer indices_3 = ByteBuffer.wrap(new byte[]{
			12,13,15,14
	});
	
	ByteBuffer indices_4 = ByteBuffer.wrap(new byte[]{
			16,17,19,18
	});
	
	ByteBuffer indices_5 = ByteBuffer.wrap(new byte[]{
			20,21,23,22
	});
	
    //正方形的4个顶点   
    private IntBuffer quaterBuffer = IntBuffer.wrap(new int[]{  
               one,one,0,  
               -one,one,0,  
               one,-one,0,  
               -one,-one,0});  
    IntBuffer texCoords_rect = IntBuffer.wrap(new int[]{
            0,1,1,1,1,0,0,0,               
          });

	@Override
	public void onDrawFrame(GL10 gl)
	{
		// 1.清除屏幕和深度缓存
		gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);

		// 2.重置当前的模型观察矩阵
		gl.glLoadIdentity();
		// 3.移动到指定的位置
		gl.glTranslatef(0.0f, 0.0f, -5.0f);

		// 4.设置3个方向的旋转
		gl.glRotatef(xrot, 1.0f, 0.0f, 0.0f);
		gl.glRotatef(yrot, 0.0f, 1.0f, 0.0f);
		gl.glRotatef(zrot, 0.0f, 0.0f, 1.0f);

		texture = intBuffer.get(1);;
		//  5.绑定纹理
		gl.glBindTexture(GL10.GL_TEXTURE_2D, texture);
		
		// 6.开启顶点和纹理功能
		gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
		gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
		
		// 7.纹理和四边形对应的顶点
		gl.glVertexPointer(3, GL10.GL_FIXED, 0, vertices);
		gl.glTexCoordPointer(2, GL10.GL_FIXED, 0, texCoords);

		// 8.绘制0
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.iBitmap, 0);
		gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4,  GL10.GL_UNSIGNED_BYTE, indices_0);

		//绘制1
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.jBitmap, 0);
		gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4,  GL10.GL_UNSIGNED_BYTE, indices_1);

		//绘制2
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.kBitmap, 0);
		gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4,  GL10.GL_UNSIGNED_BYTE, indices_2);
		
		//绘制3
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.lBitmap, 0);
		gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4,  GL10.GL_UNSIGNED_BYTE, indices_3);
		
		//绘制4
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.mBitmap, 0);
		gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4,  GL10.GL_UNSIGNED_BYTE, indices_4);
		
		//绘制5
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.close_Bitmap, 0);
		gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4,  GL10.GL_UNSIGNED_BYTE, indices_5);
			
		if(0==n_close_flag)
		{
		    
		    // 重置当前的模型观察矩阵   
	        gl.glLoadIdentity();  
	        // 左移 1.5 单位，并移入屏幕 5.0   
	        gl.glTranslatef(-4.5f, 3.0f, -5.0f);  
	        
			gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
			gl.glEnableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
			
	        texture = intBuffer.get(0);
			// 绑定纹理
			gl.glBindTexture(GL10.GL_TEXTURE_2D, texture);
			GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.close_Bitmap, 0);
			
			// 绘制关闭按钮
	        // 设置和绘制正方形   
	        gl.glVertexPointer(3, GL10.GL_FIXED, 0, quaterBuffer);  
	        gl.glTexCoordPointer(2, GL10.GL_FIXED, 0, texCoords_rect);

	        gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, 4);
	        //gl.glDrawElements(GL10.GL_TRIANGLE_STRIP, 4,  GL10.GL_UNSIGNED_BYTE, indices_5);
	        
			n_close_flag=1;
		}

        // 9.关闭顶点和纹理功能
	    gl.glDisableClientState(GL10.GL_TEXTURE_COORD_ARRAY);
	    gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
	    
	    xrot+=0.5f;
	    yrot+=0.6f; 
	    zrot+=0.3f; 
		
	}

	@Override
	public void onSurfaceChanged(GL10 gl, int width, int height)
	{
		float ratio = (float) (width-n_view_start_x) / (height-n_view_start_x);
		//设置OpenGL场景的大小
		//gl.glViewport(0, 0, width, height);
		gl.glViewport(n_view_start_x, n_view_start_y, width-n_view_start_x, height-n_view_start_y);
		
		//设置投影矩阵
		gl.glMatrixMode(GL10.GL_PROJECTION);
		//重置投影矩阵
		gl.glLoadIdentity();
		// 设置视口的大小
		gl.glFrustumf(-ratio, ratio, -1, 1, 1, 10);
		// 选择模型观察矩阵
		gl.glMatrixMode(GL10.GL_MODELVIEW);	
		// 重置模型观察矩阵
		gl.glLoadIdentity();	
		
	}

	@Override
	public void onSurfaceCreated(GL10 gl, EGLConfig config)
	{
		// 绿色背景
		gl.glClearColor(0, 1, 0, 0);
		
		gl.glEnable(GL10.GL_CULL_FACE);
		// 启用阴影平滑
		gl.glShadeModel(GL10.GL_SMOOTH);
		// 启用深度测试
		gl.glEnable(GL10.GL_DEPTH_TEST);
		
		//启用纹理映射
		gl.glClearDepthf(1.0f);
		//深度测试的类型
		gl.glDepthFunc(GL10.GL_LEQUAL);
		//精细的透视修正
		gl.glHint(GL10.GL_PERSPECTIVE_CORRECTION_HINT, GL10.GL_NICEST);
		
/*		
		// 1.允许2D贴图,纹理
		gl.glEnable(GL10.GL_TEXTURE_2D);
		
		IntBuffer intBuffer = IntBuffer.allocate(1);
		// 2.创建纹理
		gl.glGenTextures(1, intBuffer);
		texture = intBuffer.get();
		// 3.设置要使用的纹理
		gl.glBindTexture(GL10.GL_TEXTURE_2D, texture);
		
		// 4.生成纹理
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.mBitmap, 0);
		
		// 5.线形滤波
		gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_LINEAR);
		gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR);
*/

		// 1.允许2D贴图,纹理
		gl.glEnable(GL10.GL_TEXTURE_2D);
		
		// 2.创建纹理
		gl.glGenTextures(2, intBuffer);
		
		texture = intBuffer.get(0);
		// 3.设置要使用的纹理
		gl.glBindTexture(GL10.GL_TEXTURE_2D, texture);
		// 4.生成纹理
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.close_Bitmap, 0);

		texture = intBuffer.get(1);
		// 3.设置要使用的纹理
		gl.glBindTexture(GL10.GL_TEXTURE_2D, texture);
		// 4.生成纹理
		GLUtils.texImage2D(GL10.GL_TEXTURE_2D, 0, GLImage.nBitmap, 0);
		
		// 5.线形滤波
		gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_LINEAR);
		gl.glTexParameterx(GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR);

	}

}


扩展阅读: 连接一

【练习】使用gldrawarrays函数实现本次四方体的旋转效果。

分享到：
| Java （堆和栈），内存地址，==，equals， ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android OpenGL ES 地球仪绘制——球体绘制及纹理映射——源码

    在Android上实现地球仪的绘制，通常涉及到OpenGL ES的几个关键概念和技术，包括基本几何形状的构建、纹理映射以及触摸事件处理。下面我们将详细探讨这些知识点。 1. **OpenGL ES 绘制三角形拼成球体** - 在3D空间...

    在Android中的jni里使用OpenGL ES和OpenCV渲染一幅图片

    为了在OpenGL ES中显示图片，你需要定义一个顶点数组，指定每个像素的位置，以及一个纹理坐标数组，告诉OpenGL如何映射纹理到几何形状。 在JNI中，可以创建一个简单的四边形（如一个矩形）作为渲染的目标，然后使用...

    Android平台使用OpenGLES2.0显示YUV数据

    总结起来，这个项目涉及到Android Camera API的使用，YUV到RGB的数据转换，OpenGLES2.0纹理处理，以及`GLSurfaceView`的使用。通过实践和学习这些知识点，开发者可以实现高效、流畅的摄像头预览效果，并为后续的视频...

    Opengl ES 1.x NDK实例开发之七:旋转的纹理立方体

    总结，"Opengl ES 1.x NDK实例开发之七:旋转的纹理立方体"涵盖了OpenGL ES的基本图形操作、纹理映射、顶点数组、矩阵变换以及NDK的原生渲染。这个实例对于理解3D图形编程和移动设备上的高性能图形处理至关重要。通过...

    android opengl es 圆锥纹理贴图

    1. **纹理坐标**：每个顶点都有对应的纹理坐标，这些坐标告诉OpenGL ES如何将纹理映射到几何体表面。通常使用UV坐标系，U和V分别对应纹理的水平和垂直方向。 2. **纹理单元**：OpenGL ES支持同时使用多个纹理，每个...

    Android OpenGL实现立方体多纹理图片映射

    本教程将深入探讨如何使用OpenGL ES在Android中实现立方体的多纹理映射以及混色光照效果，这对于游戏开发、虚拟现实应用以及其他需要动态图形的场景至关重要。 首先，我们需要了解纹理映射的概念。纹理映射是将2D...

    OpenGL ES 纹理实例

    在OpenGL ES中，纹理不仅可以提高渲染效率，还能实现复杂的视觉效果，如光照、反射和纹理映射。 首先，要使用OpenGL ES加载纹理，你需要完成以下步骤： 1. **创建纹理对象**：通过调用`glGenTextures()`函数生成一...

    opengles绘制纹理

    在本主题“opengles绘制纹理”中，我们将深入探讨如何在OpenGL ES环境中加载和绘制纹理，以增强图形渲染的质量和表现力。 1. **纹理的概念** 在计算机图形学中，纹理是指附加到几何形状上的二维图像数据，用于给...

    Android 3D游戏开发技术宝典-OpenGL ES 2.0 (吴亚峰) 源代码

    7.5.2　将2d纹理映射到球面上的策略　228 7.5.3　案例的场景结构　229 7.5.4　开发过程　230 7.6　本章小结　238 第8章　3d基本形状的构建　239 8.1　圆柱体　239 8.1.1　顶点原始位置的生成　239 8.1.2　...

    Android应用源码OpenGL 3D立方体多纹理贴图-IT计算机-毕业设计.zip

    在Android平台上进行移动应用开发时，常常会遇到需要创建3D图形的需求，这通常涉及到OpenGL ES（OpenGL for Embedded Systems）的使用。OpenGL ES是OpenGL的一个轻量级版本，专为嵌入式设备如手机和平板电脑设计，...

    opengles多重纹理与过程纹理

    **多重纹理** 是指在一个渲染像素时，同时应用多个纹理映射的过程。这在创建复杂的材质效果时非常有用，例如混合不同的贴图，如漫反射、镜面高光和环境贴图，来模拟物体表面的不同特性。在OpenGL ES中，可以使用`...

    Android 3D游戏开发技术宝典——OpenGL ES 2.0 (吴亚峰)

    在Android平台上开发3D游戏，首先需要理解基本的3D图形概念，如向量、矩阵、顶点坐标、纹理映射等。通过这些基础知识，开发者可以构建3D模型并进行变换，实现旋转、缩放和位移。 3. **Android游戏架构** 一个完整...

    iphone opengl es 纹理

    iPhone应用开发中，使用OpenGL ES进行纹理映射是创建动态、视觉丰富用户体验的关键技术之一。 纹理映射是OpenGL ES中的一个重要概念，它允许我们将2D图像（纹理）应用到3D模型或2D平面，从而增加图形的真实感和复杂...

    iphone opengl es 纹理 截图

    在iOS开发中，OpenGL ES（OpenGL for Embedded Systems）是一种广泛使用的图形库，用于在移动设备上绘制2D和3D图形。"iphone opengl es 纹理 截图"这个主题涉及到如何在OpenGL ES环境下截取屏幕图像，并将特定区域...

Magicbox
Global site tag (gtag.js) - Google Analytics