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

2024-02-19 19:30

本文主要是介绍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 verticesprivate float vertices[] = {-0.5f, -0.5f,  0.0f,		// V1 - first vertex (x,y,z)0.5f, -0.5f,  0.0f,		// V2 - second vertex0.0f,  0.5f,  0.0f			// V3 - third vertex};public Triangle() {// a float has 4 bytes so we allocate for each coordinate 4 bytesByteBuffer vertexByteBuffer = ByteBuffer.allocateDirect(vertices.length * 4);vertexByteBuffer.order(ByteOrder.nativeOrder());// allocates the memory from the byte buffervertexBuffer = vertexByteBuffer.asFloatBuffer();// fill the vertexBuffer with the verticesvertexBuffer.put(vertices);// set the cursor position to the beginning of the buffervertexBuffer.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();}@Overridepublic void onDrawFrame(GL10 gl) {// clear Screen and Depth Buffergl.glClear(GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT);// Reset the Modelview Matrixgl.glLoadIdentity();// Drawinggl.glTranslatef(0.0f, 0.0f, -5.0f);		// move 5 units INTO the screen// is the same as moving the camera 5 units awaytriangle.draw(gl);						// Draw the triangle}@Overridepublic void onSurfaceChanged(GL10 gl, int width, int height) {if(height == 0) { 						//Prevent A Divide By Zero Byheight = 1; 						//Making Height Equal One}gl.glViewport(0, 0, width, height); 	//Reset The Current Viewportgl.glMatrixMode(GL10.GL_PROJECTION); 	//Select The Projection Matrixgl.glLoadIdentity(); 					//Reset The Projection Matrix//Calculate The Aspect Ratio Of The WindowGLU.gluPerspective(gl, 45.0f, (float)width / (float)height, 0.1f, 100.0f);gl.glMatrixMode(GL10.GL_MODELVIEW); 	//Select The Modelview Matrixgl.glLoadIdentity(); 					//Reset The Modelview Matrix}@Overridepublic 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 trianglegl.glColor4f(0.0f, 1.0f, 0.0f, 0.5f);// Point to our vertex buffergl.glVertexPointer(3, GL10.GL_FLOAT, 0, vertexBuffer);// Draw the vertices as triangle stripgl.glDrawArrays(GL10.GL_TRIANGLE_STRIP, 0, vertices.length / 3);//Disable the client state before leavinggl.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 (以下屏幕截图) 。 您的反馈将大有帮助!
相关文章:
  • Android游戏开发教程简介
  • Android游戏开发–游戏创意
  • Android游戏开发–创建项目
  • Android游戏开发–基本游戏架构
  • Android游戏开发–基本游戏循环
  • Android游戏开发–使用Android显示图像
  • Android游戏开发–在屏幕上移动图像
  • Android游戏开发–游戏循环
  • Android游戏开发–测量FPS
  • Android游戏开发–雪碧动画
  • Android游戏开发–粒子爆炸
  • Android游戏开发–设计游戏实体–策略模式
  • Android游戏开发–使用位图字体
  • Android游戏开发–从Canvas切换到OpenGL ES
  • Android游戏开发– OpenGL纹理映射
  • Android游戏开发–设计游戏实体–状态模式
  • Android游戏文章系列

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

这篇关于Android游戏开发–使用OpenGL ES显示图形元素(原语)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/725708

相关文章

如何使用celery进行异步处理和定时任务(django)

《如何使用celery进行异步处理和定时任务(django)》文章介绍了Celery的基本概念、安装方法、如何使用Celery进行异步任务处理以及如何设置定时任务,通过Celery,可以在Web应用中... 目录一、celery的作用二、安装celery三、使用celery 异步执行任务四、使用celery

使用Python绘制蛇年春节祝福艺术图

《使用Python绘制蛇年春节祝福艺术图》:本文主要介绍如何使用Python的Matplotlib库绘制一幅富有创意的“蛇年有福”艺术图,这幅图结合了数字,蛇形,花朵等装饰,需要的可以参考下... 目录1. 绘图的基本概念2. 准备工作3. 实现代码解析3.1 设置绘图画布3.2 绘制数字“2025”3.3

Jsoncpp的安装与使用方式

《Jsoncpp的安装与使用方式》JsonCpp是一个用于解析和生成JSON数据的C++库,它支持解析JSON文件或字符串到C++对象,以及将C++对象序列化回JSON格式,安装JsonCpp可以通过... 目录安装jsoncppJsoncpp的使用Value类构造函数检测保存的数据类型提取数据对json数

python使用watchdog实现文件资源监控

《python使用watchdog实现文件资源监控》watchdog支持跨平台文件资源监控,可以检测指定文件夹下文件及文件夹变动,下面我们来看看Python如何使用watchdog实现文件资源监控吧... python文件监控库watchdogs简介随着Python在各种应用领域中的广泛使用,其生态环境也

Python中构建终端应用界面利器Blessed模块的使用

《Python中构建终端应用界面利器Blessed模块的使用》Blessed库作为一个轻量级且功能强大的解决方案,开始在开发者中赢得口碑,今天,我们就一起来探索一下它是如何让终端UI开发变得轻松而高... 目录一、安装与配置:简单、快速、无障碍二、基本功能:从彩色文本到动态交互1. 显示基本内容2. 创建链

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

springboot整合 xxl-job及使用步骤

《springboot整合xxl-job及使用步骤》XXL-JOB是一个分布式任务调度平台,用于解决分布式系统中的任务调度和管理问题,文章详细介绍了XXL-JOB的架构,包括调度中心、执行器和Web... 目录一、xxl-job是什么二、使用步骤1. 下载并运行管理端代码2. 访问管理页面,确认是否启动成功

使用Nginx来共享文件的详细教程

《使用Nginx来共享文件的详细教程》有时我们想共享电脑上的某些文件,一个比较方便的做法是,开一个HTTP服务,指向文件所在的目录,这次我们用nginx来实现这个需求,本文将通过代码示例一步步教你使用... 在本教程中,我们将向您展示如何使用开源 Web 服务器 Nginx 设置文件共享服务器步骤 0 —

Java中switch-case结构的使用方法举例详解

《Java中switch-case结构的使用方法举例详解》:本文主要介绍Java中switch-case结构使用的相关资料,switch-case结构是Java中处理多个分支条件的一种有效方式,它... 目录前言一、switch-case结构的基本语法二、使用示例三、注意事项四、总结前言对于Java初学者

Golang使用minio替代文件系统的实战教程

《Golang使用minio替代文件系统的实战教程》本文讨论项目开发中直接文件系统的限制或不足,接着介绍Minio对象存储的优势,同时给出Golang的实际示例代码,包括初始化客户端、读取minio对... 目录文件系统 vs Minio文件系统不足:对象存储:miniogolang连接Minio配置Min