Android游戏开发–使用OpenGL ES显示图形元素(原语)

这是android OpenGL ES系列的第2部分。 在一篇文章中,我们研究了如何设置android项目以将提供的OpenGL视图与渲染器一起使用。 您可以使用该文章中的项目作为模板。

在开始展示事物之前,我们必须了解3D编程的一些基本概念,并熟悉术语。 我真的是基本几何。

3D图形发生在笛卡尔坐标系中

这意味着所使用的坐标系具有三个维度。 XYZ。

传统上, X是从左到右, Y是从下到上, Z从我到屏幕。

当我们处理要显示的对象(例如机器人或汽车)时,OpenGL处理​​这些对象的组件。 每个对象都是从基元创建的,在OpenGL中, 基元是一个三角形 。 每个三角形都有一个和一个背面

三角形由空间中的3个点定义。 一个点称为顶点顶点复数)。

下图显示了2个顶点。 AB。

顶点

我画了这张图来说明我们如何区分2D和3D。 顶点由其X,Y和Z坐标定义。 如果我们一直将0用作Z分量,则我们有2D。 您可以看到顶点A是X和Y定义的平面的一部分。顶点B在Z坐标上更远。 如果您将Z视为垂直于屏幕的线,我们甚至看不到B。

三角形称为图元 。 基元是OpenGL理解并能够以图形方式表示的最简单的类型。

这很简单。 3个顶点定义一个三角形。 也有其他图元,例如四边形,但我们会坚持基础知识。 每个形状都可以分解为三角形。

我们之前提到过三角形的

它为什么如此重要? 在3D模式下,您将拥有一些物体,其中一部分朝向您,播放器,一部分朝向您。 为了提高绘图效率,OpenGL不会绘制远离您的三角形,这是不必要的,因为它们仍然会被面对您的三角形隐藏。 这称为背面剔除

OpenGL如何确定呢? 这由绘制三角形时顶点的顺序确定。 如果顺序为逆时针 ,则为 (绿色三角形)。 顶点的顺时针顺序表示它是背面 (红色三角形)。 这是默认设置,但是可以更改。 下图说明了这一点。

背面剔除

红色三角形将不会绘制。

创建和绘制三角形

了解所有理论后,让我们创建一个三角形并绘制它。

一个三角形由3个顶点定义。 顶点的坐标不是以像素为单位。 我们将使用float来表示值,并且它们将彼此相对。

如果一侧的长度为1.0f ,另一侧的长度为0.5f ,则意味着第二侧的长度是第一侧长度的一半。 显示的大小取决于视口的设置方式。 将视口想象成一个照相机。 当我们使用2D时,则意味着相机与屏幕正交。 如果相机非常近,则三角形将变大;如果相机很远,则三角形将变小。

让我们创建Triangle类。

package net.obviam.opengl;
 
import java.nio.ByteBuffer;
import java.nio.ByteOrder;
import java.nio.FloatBuffer;
 
import javax.microedition.khronos.opengles.GL10;
 
public class Triangle {
 
	private FloatBuffer vertexBuffer;	// buffer holding the vertices
 
	private float vertices[] = {
			-0.5f, -0.5f,  0.0f,		// V1 - first vertex (x,y,z)
			 0.5f, -0.5f,  0.0f,		// V2 - second vertex
			 0.0f,  0.5f,  0.0f			// V3 - third vertex
	};
 
	public Triangle() {
		// a float has 4 bytes so we allocate for each coordinate 4 bytes
		ByteBuffer vertexByteBuffer = ByteBuffer.allocateDirect(vertices.length * 4);
		vertexByteBuffer.order(ByteOrder.nativeOrder());
 
		// allocates the memory from the byte buffer
		vertexBuffer = vertexByteBuffer.asFloatBuffer();
 
		// fill the vertexBuffer with the vertices
		vertexBuffer.put(vertices);
 
		// set the cursor position to the beginning of the buffer
		vertexBuffer.position(0);
	}
}

11行定义了一个FloatBuffer ,它将保存我们三角形的顶点。 我们需要使用java.nio包,因为它是非常密集的输入输出。

vertices []数组保存顶点的实际坐标。

下图表示了我们将绘制的三角形。 我们从原点算出一切。

三角形

在构造函数中,我们从此vertices []数组初始化三角形。

我们要做的是,用坐标填充vertexBuffer并将光标的位置设置为缓冲区的开头。 我们将在OpenGL调用中使用此缓冲区来显示三角带。 我们目前只有一个。

让我们看一下渲染器。 GlRenderer

package net.obviam.opengl;
 
import javax.microedition.khronos.egl.EGLConfig;
import javax.microedition.khronos.opengles.GL10;
 
import android.opengl.GLU;
import android.opengl.GLSurfaceView.Renderer;
 
public class GlRenderer implements Renderer {
 
	private Triangle 	triangle;	// the triangle to be drawn
 
	/** Constructor */
	public GlRenderer() {
		this.triangle = new Triangle();
	}
 
	@Override
	public void onDrawFrame(GL10 gl) {
		// clear Screen and Depth Buffer
		gl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);
 
		// Reset the Modelview Matrix
		gl.glLoadIdentity();
 
		// Drawing
		gl.glTranslatef(0.0f, 0.0f, -5.0f);		// move 5 units INTO the screen
												// is the same as moving the camera 5 units away
		triangle.draw(gl);						// Draw the triangle
 
	}
 
	@Override
	public void onSurfaceChanged(GL10 gl, int width, int height) {
		if(height == 0) { 						//Prevent A Divide By Zero By
			height = 1; 						//Making Height Equal One
		}
 
		gl.glViewport(0, 0, width, height); 	//Reset The Current Viewport
		gl.glMatrixMode(GL10.GL_PROJECTION); 	//Select The Projection Matrix
		gl.glLoadIdentity(); 					//Reset The Projection Matrix
 
		//Calculate The Aspect Ratio Of The Window
		GLU.gluPerspective(gl, 45.0f, (float)width / (float)height, 0.1f, 100.0f);
 
		gl.glMatrixMode(GL10.GL_MODELVIEW); 	//Select The Modelview Matrix
		gl.glLoadIdentity(); 					//Reset The Modelview Matrix
	}
 
	@Override
	public void onSurfaceCreated(GL10 gl, EGLConfig config) {
	}
}

我们在构造函数中创建三角形。

对我们而言, onDrawFrame(GL10 gl)最受关注。

OpenGL使用状态变量。 我们在OpenGL上下文中调用的每个方法都会更改其内部状态。

遵循onDrawFrame方法,我们看到每次绘制一帧,清除缓冲区,重新加载ModelView矩阵(不必担心,如果您暂时不了解这一点),会将摄像机移开5个单位(我们在这里处理单位,而不是像素),然后调用三角形的draw()方法。

另一方面, onSurfaceChanged在一些状态之间转换OpenGL上下文。 首先,它设置视口表面的电流宽度和高度(因此它与GL_PROJECTION状态工作),然后将其转换的状态到GL_MODELVIEW,所以我们可以用我们的模型的工作-在我们的情况下,三角形。 以后再说吧,不用担心。

让我们检查一下三角形的draw方法:

public void draw(GL10 gl) {
		gl.glEnableClientState(GL10.GL_VERTEX_ARRAY);
 
		// set the colour for the triangle
		gl.glColor4f(0.0f, 1.0f, 0.0f, 0.5f);
 
		// Point to our vertex buffer
		gl.glVertexPointer(3, GL10.GL_FLOAT, 0, vertexBuffer);
 
		// Draw the vertices as triangle strip
		gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, vertices.length / 3);
 
		//Disable the client state before leaving
		gl.glDisableClientState(GL10.GL_VERTEX_ARRAY);
	}

因为我们将三角形顶点的坐标存储在FloatBuffer中,所以我们需要使OpenGL能够从中读取并理解那里是三角形。 02行就是这样做的。

05行为将要绘制的实体(在本例中为三角形)设置颜色。 请注意,rgb的值是浮点型,介于0.0和1.0之间。

gl.glVertexPointer(3,GL10.GL_FLOAT,0,vertexBuffer); 会告诉OpenGL使用vertexBuffer从中提取顶点。

第一个参数(值= 3)代表缓冲区中的顶点数。 第二个让OpenGL知道缓冲区保存的数据类型。

第三个参数是用于顶点的数组中的偏移量。 因为我们不存储额外的数据,所以我们的顶点彼此跟随,并且没有偏移。

最后,最后一个参数是包含顶点的缓冲区。

gl.glDrawArrays(GL10.GL_TRIANGLE_STRIP,0,vertices.length / 3); 告诉OpenGL从第一个元素开始绘制在先前提供的缓冲区中找到的三角形带。 它还让它知道有多少个顶点。

这就对了。 运行该项目,您应该能够看到第一个加速三角形。 像这样:

此处下载源代码(obviam.opengl.p02.tgz)

我受到了来自nehe android ports的代码的启发。 为了学习OpenGL的精髓,我热烈推荐nehe教程

接下来,我们将看到如何创建基本3D对象并旋转它们。 我们还将发现如何在元素上使用纹理。

参考: OpenGL ES Android –显示来自“ 反对谷物 ”博客的JCG合作伙伴Tamas Jano的图形元素(原语)

不要忘记查看我们的新Android游戏 ArkDroid (以下屏幕截图) 。 您的反馈将大有帮助!
相关文章:

翻译自: https://www.javacodegeeks.com/2011/10/android-game-development-displaying.html

本书共分两篇,第一篇介绍了Android 3D游戏开发的基础知识,主要对OpenGL ES的相关内容进行了介绍。   章 名主 要 内 容   第1章 英雄还看今朝—Android简介本章介绍了市场上主流的手机平台,同时也分析了未来手机平台的发展趋势及Android平台的前景   第2章 数风流人物—当前流行游戏类型简介本章以分类的方式简要地介绍了当前流行的游戏的玩法,游戏的视觉效果,游戏的设计及《仙剑》等著名游戏的历史   第3章 不积跬步,无以至千里—游戏开发基础知识本章初步介绍了游戏开发的基础知识   第4章 千里之行,始于足下—3D开发基础知识本章介绍了3D开发中的基础知识,包括OpenGL ES的介绍及OpenGL ES中绘制模型的原理,并通过点、线和三角形的绘制介绍了OpenGL ES中模型的几种绘制方式。最后介绍了3D场景中常用的两种投影方式,并通过例子比较了这两种投影的区别   第5章 愿君多采撷,此物最相思—光照效果的开发本章介绍了光照的基础知识,包括环境光、散射光及镜面光   第6章 为伊消得人憔悴——纹理映射本章主要介绍了纹理的基础知识,以及纹理的不同拉伸方式和纹理过滤高级技术,从绘制三角形开始到绘制地月系,可能会经历很长时间,但是这对以后的学习是有帮助的   第7章 海阔凭鱼跃,天高任鸟飞—3D基本形状的构建在本章中介绍了圆柱体、圆锥体、圆环、抛物面、双曲面和螺旋面在OpenGL ES中的渲染方法。这些基本形状在3D世界中应用广泛,在构造一些复杂物体时,经常会运用这些基本形状来进行拼装组合   第8章 执子之手,与子偕老—坐标变换本章介绍了坐标变换的应用。绘制3D场景的过程,主要是旋转和平移操作的组合,通过合理的堆栈操作,就比较容易绘制出所需的3D场景   第9章 孤帆远影碧空尽—摄像机与雾特效在本章中,首先对摄像机及其配置做了介绍。摄像机在3D编程中至关重要,没有正确的配置,摄像机可能不能获得想要的场景效果。然后对雾特效做了具体介绍,应用雾特效可以使场景更加逼真,并且可以减少场景渲染量来提高性能   第10章 假作真时真亦假—混合本章主要为读者介绍了混合,从混合的背景知识到如何配置源因子和目标因子。在介绍源因子和目标因子的时候,向读者介绍了一些预定义常量和一些常用的组合方式,以及如何启用混合   第11章 蓦然回首,那人却在灯火阑珊处—3D高级技术本章主要为读者介绍了3D的一部分高级技术。每一项技术通过讲解其原理和案例,使读者对3D高级技术有一定的了解   第12章 心有灵犀一点通—传感器在本章中,向读者介绍了Android中传感器的相关知识。包括传感器的种类、配置,并且着重介绍了姿态传感器的应用   第13章 千锤万凿出深山—游戏中的数学与物理在本章中对3D游戏中可能会用到的数学及物理知识进行了简单的介绍,这在3D游戏开发中是相当重要的。游戏中的核心算法,基本上都要用到数学和物理知识。一款游戏的性能很大程度上取决于游戏设计的算法   第14章 山舞银蛇,原驰蜡象—AI基本理念本章主要介绍了AI、AI引擎的基本组成与设计,以及游戏AI中图的搜索和模糊逻辑,其中游戏AI中图的搜索为本章的重点。在本章中详细介绍了5种算法的原理与实现   第15章 独上高楼,望尽天涯路—开发小秘籍本章介绍了地图设计器、多键技术、虚拟键盘、查找表技术、状态机、AABB边界框、穿透效应、拾取技术,以及天空盒和天空穹在OpenGL ES中的应用 第二篇以7个比较大的案例来说明Android平台下3D游戏开发流程,通过这7个案例的讲解,读者对3D游戏开发将会有更深层次的理解。   章 名主 要 内 容   第16章 体育类游戏——《疯狂投篮》本章介绍了Android 3D游戏《疯狂投篮》的开发。通过该案例向读者介绍了在Android平台下进行3D游戏开发的相关知识和基本流程,并对游戏开发中的编程技巧进行了介绍,并主要介绍了篮球与地面、墙面及篮框的碰撞检测及运动动画的实现方法   第17章 益智类游戏——《旋转积木》本章介绍了Android 3D游戏《旋转积木》的开发。主要介绍了积木旋转的不同状态的实现方法和地图设计器的应用   第18章 休闲类游戏——《摩天大楼》本章介绍了Android 3D游戏《摩天大楼》的开发。主要介绍了楼层与楼层之间的衔接与碰撞及掉落后翻转动画的实现   第19章 动作类游戏——《3D空战》本章介绍了Android 3D游戏《3D空战》的开发。主要介绍了飞机的构造方法和我方战机与敌方战机的操控及动画实现   第20章 桌面类游戏——《激情台球》本章介绍了Android 3D游戏《激情台球》的开发。主要介绍了台球与台球的碰撞检测实现、台球与球桌的碰撞检测实现和进球的判定实现   第21章 射击类游戏——《抢滩登陆》本章介绍了Android 3D游戏《抢滩登陆》的开发。主要运用了灰度图生成技术并且主要介绍了坦克运动的实现方法及炮弹碰撞检测的实现   第22章 竞技类游戏——《乡村飙车》本章介绍了Android 3D游戏《乡村飙车》的开发。主要介绍了运用分层绘制和拼接绘制的策略进行场景的优化绘制,并且对场景部件进行了分类控制   本书面向的读者   本书的内容详细,且几乎涵盖了Android 3D游戏开发所有相关的技术,并向读者介绍了真实项目的开发流程,主要面向以下读者。   Android的初学者   本书详细介绍了OpenGL ES的基础知识,并对Android 3D游戏程序的开发进行了介绍。作为一名Android的初学者,通过本书的学习可以快速全面地掌握Android 3D游戏开发的相关知识,稳健地步入Android 3D游戏开发人员的行列。   有一定Android基础且希望学习Android 3D游戏开发的读者   有一定Android基础的读者通过阅读本书的前半部分便可快速掌握OpenGL ES的基础知识,然后通过7个真实案例的学习迅速掌握Android平台下应用程序的开发。   在职的开发人员
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值