在Android中使用OpenGL ES进行开发第(二)节:定义图形
一、前期基础知识储备
笔者计划写三篇文章来详细分析OpenGL ES基础的同时也是入门关键的三个点:
①OpenGL ES是什么?与OpenGL的关系是什么?——概念部分
②使用OpenGLES绘制2D/3D图形的第一步:定义图形;——运用部分
③使用OpenGL ES绘制出②步骤中定义好的图形:——运用部分,难点所在
通过这三篇文章的分析,就像给万丈高楼垫定了基石,万丈高楼平地起,后面利用OpenGLES做各种效果,各种变换都是建立在这三步的图形编程理解之上的。
在前面的一篇文章《在Android中使用OpenGL ES进行开发第(一)课:概念先行》中,笔者详细的分析了OpenGL ES2.0的一些相关概念,并且简单的实现了一个OpenGL ES绘制的过程,那么今天本节文章的分析就在前文的基础上,继续分析使用OpenGL ES2.0进行图形绘制入门的第二个关键点——图形的定义。
(1)为什么要定义图形?
这个问题问的好,OpenGL ES2.0是OpenGL的子集,而OpenGL是用来绘制图形的API,那么OpenGL ES2.0也肯定是用来绘制图形的,只不过绘制的场景放在了Android中。不管是二维的简单图形还是复杂的三维图像,其基本组成都是简单的图形。如同学习绘制自定义 View 一样,定义图形的形状是实现各种复杂的图形的基础。
(2)我们可以定义什么样的图形?
在 OpenGL 的世界里,我们只能画点、线、三角形,复杂的图形都是由三角形构成的。
点和直线可以用于某些效果,但是只有三角形才能用来构建拥有复杂的对象和纹理的场景。在OpenGL里,我们把单独的点放在一个组里用于构建三角形,再告诉OpenGL如何连接这些点。
(3)定义图形的步骤——核心重点
①定义三角形顶点的坐标数据的浮点型缓冲区FloatBuffer;
②创建一个数组triangleCoords[],里面定义三角形三个顶点的坐标;
③定义一个构造器,里面实现三个逻辑:
1)初始化形状中顶点坐标数据的字节缓冲区ByteBuffer;
2)从 ByteBuffer 中获得一个基本类型缓冲区即浮点缓冲区FloatBuffer;
3)把坐标数组triangleCoords[]放入到FloatBuffer中,并定义读取顺序;
二、上代码,具体实现,以三角形的绘制为例
首先我们新建一个三角形类(public class Triangle {}),然后按照上文中提到的四个步骤,来具体看一下代码:
第一步:定义三角形顶点的坐标数据的浮点型缓冲区FloatBuffer;
// 为顶点坐标创建一个浮点型缓冲区
private FloatBuffer vertexBuffer;
顶点坐标我们一般是用float类型的数据指定,所以这里指定一个浮点型缓冲区。
第二步:创建一个数组triangleCoords[],里面定义三角形三个顶点的坐标;
// 坐标数组中的顶点坐标个数
static final int COORDINATES_PRE_VERTEX = 3;
// 以逆时针顺序,分别指定坐标顶点坐标,
// 每个顶点需要指定三个坐标,分别是X、Y、Z坐标轴方向的数据;
// OpenGL 只会渲染坐标值范围在 [-1, 1] 的内容
static float triangleCoords[] = {
0.0f, 1.0f, 0.0f, // top 屏幕顶端中心点
-1.0f, -1.0f, 0.0f, // bottom left 屏幕底部左下角
1.0f, -1.0f, 0.0f // bottom right 屏幕底部右下角
//以上坐标z都为0 创建一个平面的三角形
};
这里,我们需要分别定义三个顶点的坐标,每个坐标需要指定三个三个参数,分别对应XYZ坐标轴方向的数据。
注意:当我们绘制三角形时总是以逆时针的顺序排列顶点;这称为“卷曲顺序”。因为在任何地方都使用这种一致的卷曲顺序,可以优化性能:使用卷曲顺序可以指出一个三角形属于任何给定物体的前面或者后面,OpenGL可以忽略那些无论如何都无法被看到的后面的三角形。
更多OpenGl ES2.0顶点坐标的精彩内容,
建议参考《Android OpenGl ES2.0编程_相关概念与绘制顶点》
第三步:构造器内的三重逻辑:
难点:我们已经完成了顶点的定义,但是,在OpenGL可以存取它们之前,我们仍然需要完成另一步。主要的问题是这些代码运行的环境与OpenGL运行的环境使用不同的语言。运行在Dalvik虚拟机上的代码不能直接访问本地环境,而OpenGL作为本地系统又是直接运行在硬件上的;所以这时我们需要使用Java一个特殊的缓冲区类集合,它可以分配本地内存块,并且把Java的数据复制到本地内存。本地内存就可以被本地环境存取,而且不受垃圾回收器的管控。
1)初始化形状中顶点坐标数据的字节缓冲区ByteBuffer;
// 初始化形状中顶点坐标数据的字节缓冲区
// 通过 ByteBuffer的allocateDirect()方法获取到 ByteBuffer 实例
ByteBuffer byteBuffer = ByteBuffer.allocateDirect(
// 顶点坐标个数 * 坐标数据类型 float 一个是 4 bytes
triangleCoords.length * 4
);
2)从 ByteBuffer 中获得一个基本类型缓冲区即浮点缓冲区FloatBuffer;
// 因为 ByteBuffer 是将数据移进移出通道的唯一方式使用,
// 这里使用 “as” 方法从 ByteBuffer字节缓冲区中获得一个基本类型缓冲区即浮点缓冲区FloatBuffer
vertexBuffer = byteBuffer.asFloatBuffer();
3)把坐标数组triangleCoords[]放入到FloatBuffer中,并定义读取顺序;
// 把顶点坐标信息数组triangleCoords[]存储到 FloatBuffer
vertexBuffer.put(triangleCoords);
// 设置从缓冲区的第一个位置开始读取顶点坐标信息
vertexBuffer.position(0);
本节完整的代码如下:
public class Triangle {
/**
* 定义三角形顶点的坐标数据的浮点型缓冲区
*/
private FloatBuffer vertexBuffer;
// 坐标数组中的顶点坐标个数
static final int COORDINATES_PRE_VERTEX = 3;
static float triangleCoords[] = { // 以逆时针顺序;
0.0f, 1.0f, 0.0f, // top
-1.0f, -1.0f, 0.0f, // bottom left
1.0f, -1.0f, 0.0f // bottom right
};
// Set color with red, green, blue and alpha (opacity) values
float color[] = { 0.63671875f, 0.76953125f, 0.22265625f, 1.0f };
public Triangle(){
// 初始化形状中顶点坐标数据的字节缓冲区
// 通过 allocateDirect 方法获取到 DirectByteBuffer 实例
ByteBuffer byteBuffer = ByteBuffer.allocateDirect(
// 顶点坐标个数 * 坐标数据类型 float 一个是 4 bytes
triangleCoords.length * 4
);
// 设置缓冲区使用设备硬件的原本字节顺序进行读取;
byteBuffer.order(ByteOrder.nativeOrder());
// ByteBuffer 是将数据移进移出通道的唯一方式,这里使用 “as” 方法从 ByteBuffer 中获得一个基本类型缓冲区
vertexBuffer = byteBuffer.asFloatBuffer();
// 把顶点坐标信息数组存储到 FloatBuffer
vertexBuffer.put(triangleCoords);
// 设置从缓冲区的第一个位置开始读取顶点坐标信息
vertexBuffer.position(0);
}
}
三、上文字,具体解析代码中的ByteBuffer
(1)ByteBuffer是什么?
缓冲区(Buffer),缓冲区(Buffer)就是在内存中预留指定大小的存储空间用来对输入/输出(I/O)的数据作临时存储,这部分预留的内存空间就叫做缓冲区。
在Java NIO(网络接口对象)中,缓冲区的作用也是用来临时存储数据,可以理解为是I/O操作中数据的中转站。缓冲区直接为信道(Channel)服务,写入数据到通道或从通道读取数据,这样的操利用缓冲区数据来传递就可以达到对数据高效处理的目的。在NIO中主要有八种缓冲区类
可能读者会有疑问?那为什么上面的代码中要出现两种缓冲区——FloatBuffer和ByteBufer,他们之间的关系是什么?——读者需记住:
①缓冲区是定长的,基本上它只是一个列表,它的所有元素都是基本数据类型,比如本例中的图形顶点坐标就是浮点型的数据,所以用浮点型缓冲区存储浮点型的数据;
②缓冲区的存在是为信道(Channel)服务的,而信道的读写方法只接收 ByteBuffer,即只有ByteBuffer这种类型的缓冲区可以将数据移进和移出信道,所以所有的数据类型需要通过ByteBuffer作为中转,利用ByteBuffer读写其他数据类型。
(2)ByteBuffer的实例方法
ByteBuffer有四种实例化方法,本例中使用了其中的一种——allocateDirect()。
①allocate(int capacity):从堆空间中分配一个容量大小为capacity的byte数组作为缓冲区的byte数据存储器;
②allocateDirect(int capacity):通过操作系统来创建内存块用作缓冲区,而不在JVM堆栈中;
③wrap(byte[] array):这个缓冲区的数据会存放在byte数组中;
④wrap(byte[] array,int offset, int length):在上一个方法的基础上可以指定偏移量和长度;
更多精彩ByteBuffer的精彩讲解,建议读者参考:《ByteBuffer常用方法详解》
总结:本节中,主要分析了如何定义好三角形的顶点坐标,需要做哪些事,关键的ByteBuffer如何理解,细心的读者可能会发现,我们这里只是定义好了三角形的顶点坐标,换句话说就是定义好了这个图形,并没有实际的绘制出来,整篇文章的代码中都没有出现draw()方法,那么绘制图形就无从谈起。
在Android中使用OpenGL ES进行开发第(二)节:定义图形的更多相关文章
- 在Android中使用OpenGL ES进行开发第(三)节:绘制图形
一.前期基础知识储备笔者计划写三篇文章来详细分析OpenGL ES基础的同时也是入门关键的三个点: ①OpenGL ES是什么?与OpenGL的关系是什么?——概念部分 ②使用OpenGLES绘制2D ...
- 在Android中使用OpenGL ES进行开发第(一)节:概念先行
一.前期基础是知识储备笔者计划写三篇文章来详细分析OpenGL ES基础的同时也是入门关键的三个点: ①OpenGL ES是什么?与OpenGL的关系是什么?——概念部分 ②使用OpenGL ES绘制 ...
- 在Android中使用OpenGL ES开发第(五)节:GLSL基础语法
一.前期基础储备笔者之前的四篇文综述了Android中使用OpenGL ES绘制基本图形和实现了简单的相机预览,初次接触OpenGL ES开发的读者可能对其中新的概念比较迷惑,尤其是其中的顶点着色器( ...
- 在Android中使用OpenGL ES开发第(四)节:相机预览
笔者之前写了三篇Android中使用OpenGL ES入门级的文章,从OpenGL ES的相关概念出发,分析了利用OpenGL ES实现3D绘图的重要的两个步骤:定义形状和绘制形状,简单的绘制了一个三 ...
- 如何使用Android中的OpenGL ES媒体效果
引自:http://www.2cto.com/kf/201506/404366.html Android的媒体效果框架允许开发者可以很容易的应用多种令人印象深刻的视觉效果到照片或视频之上.作为这个媒体 ...
- Android 中建立一个OpenGL ES的开发环境
转自: http://wiki.eoe.cn/page/Building_an_OpenGL_ES_Environment.html 负责人:zhangql原文链接:http://docs.eoean ...
- OpenGL ES应用开发实践指南:iOS卷
<OpenGL ES应用开发实践指南:iOS卷> 基本信息 原书名:Learning OpenGL ES for iOS:A Hands-On Guide to Modern 3D Gra ...
- Android OpenGL ES 入门系列(二) --- 环境搭建
转载请注明出处 本文出自Hansion的博客 本章介绍如何使用GLSurfaceView和GLSurfaceView.Renderer完成在Activity中的最简单实现. 1.在AndroidMan ...
- OpenGL ES学习笔记(二)——平滑着色、自适应宽高及三维图像生成
首先申明下,本文为笔者学习<OpenGL ES应用开发实践指南(Android卷)>的笔记,涉及的代码均出自原书,如有需要,请到原书指定源码地址下载. <Android学习笔记--O ...
随机推荐
- vi 使用系统剪贴板(clipboard)
ref : https://www.jianshu.com/p/771b95e34293 http://www.bubuko.com/infodetail-469867.html 在vi中,如果编译时 ...
- hdu 1325
.,. 还是待整理 #include <stdio.h> const; typedef struct { int num,root,conn;//数据.根.入度 }Node; Node n ...
- Abp SSO
官方的文档有个坑. 首先建立的应该是 .net core MPA版本. 把文档上的startup.cs配置写入 MVC 项目中. 这样测试才能通过.不然,测试项目 var disco = a ...
- solr 配置中文分析器/定义业务域/配置DataImport功能(测试用)
一.配置中文分析器 使用IKAnalyzer 配置方法: 1)把IK的jar包添加到solr工程中/WEB-INF/lib目录下 2)把IK的配置文件扩展词典, ...
- JQuery攻略读书笔记---第2章 数组
2 数组2.8 创建对象数组循环数组2.9 数组排序 2 数组 2.8 创建对象数组 //数组化对象 var student =[ { "role":101, "na ...
- WeChat App Word
chats:聊天:n werun:微信运动 contacts:联系人:n official accounts:官方账号(公众号) discover:发现:vi moments:片刻(朋友圈动态):n ...
- 什么是实体关系图(ERD)? 转
https://www.visual-paradigm.com/cn/guide/data-modeling/what-is-entity-relationship-diagram/#erd-data ...
- vue、react中循环遍历为什么会有key,key有什么作用?
先讲一下,vue和react都是在操作虚拟dom,并且根据diff算法进行新旧dom对比,从而更新dom,以vue举例: vue官方文档中写到有 key 的特殊属性主要用在 Vue 的虚拟 DOM 算 ...
- Async await 解析
Async 定义:使异步函数以同步函数的形式书写(Generator函数语法糖) 原理:将Generator函数和自动执行器spawn包装在一个函数里 形式:将Generator函数的*替换成asyn ...
- js通俗易懂的&&与||或运算
使用&&将返回第一个条件为假的值. 如果每个操作数的计算值都为true, 则返回最后一个计算过的表达式. let one = 1, two = 2, three = 3;console ...