Android OpenGL ES(六)----进入三维在代码中创建投影矩阵和旋转矩阵

简介: Android OpenGL ES(六)----进入三维在代码中创建投影矩阵和旋转矩阵

我们现在准备好在代码中添加透视投影了。Android的Matrix类为它准备了两个方法------frustumM()和perspectiveM()。不幸的是,frustumM()的个缺陷,它会影响某些类型的投影,而perspectiveM()只是从Android的ICS版本开始才被引入,在早期的Android版本里并没有这个方法。我们可以简单地支持ICS及其以上的版本,但是这样会丢掉很大一部分市场,一些用户依然运行早期的Android版本。


作为替代,我们可以创建我们自己的方法来实现投影矩阵。


1.创建自己的perspectiveM


在工具包中创建新的类MatrixHelper,在开始处加入如下方法签名:

public static void perspectiveM(float[] m,float yFovInDegress,float aspect,float n,float f){


计算焦距


我们要做的第一件事就是计算焦距,这将基于在Y轴上的视野。就在方法签名之后加入如下代码:

final float angleInRadians=(float)(yFovInDegress*Math.PI/180.0);
 final float a=(float)(1.0/Math.tan(angleInRadians/2.0));

我们使用Java的Math类计算那个正切函数,因为它需要弧度角,所以我们把视野从度转换为弧度。接着计算焦距。


输出矩阵


我们现在可以更具上一节的数学证明直接写出矩阵,增加如下代码:

m[0]=a/aspect;
 m[1]=0f;
 m[2]=0f;
 m[3]=0f;
 m[4]=0f;
 m[5]=a;
 m[6]=0f;
 m[7]=0f;
 m[8]=0f;
 m[9]=0f;
 m[10]=-((f+n)/(f-n));
 m[11]=-1f;
 m[12]=0f;
 m[13]=0f;
 m[14]=-((2f*f*n)/(f-n));
 m[15]=0f;


这就是把矩阵数据存到了参数m定义的浮点数组中,这个数组需要至少16个元素。OpenGL把矩阵数据按照以列为主的顺序存储,这就意味着我们一次写一列数据,而不是一次写一行。前四个值是第一列,下一组四个数是第二列,以此类推。


2.开始使用投影矩阵


我们现在将转而使用那个透视投影矩阵了。打开你的渲染类,并从onSurfaceChanged()去掉所有的代码,只保留glViewPort()调用,加入如下代码:

MatrixHelper.perspectiveM(projectionMatrix, 45, (float) width / (float) height, 1f, 10f);


这会用45度的视野创建一个透视投影。 这个视椎体从Z值为-1的位置开始,在Z值为-10的位置结束。


加入MatrixHelper的导入后,继续前面的程序运行,你可以会发现桌面不见了,因为我们没有给桌子指定Z的位置,默认情况下Z在为0的位置。因为这个视椎体是从Z值为-1的位置开始的,除非把它移动到那个距离内,否则我们无法看到桌子。


不要硬编码Z的值,在使用投影矩阵进行投影之前,让我们使用一个平移矩阵把桌子移出来。依照惯例,我们把这个矩阵称为模型矩阵。


利用模型矩阵移动物体


在类的顶部加入如下矩阵的定义:

private final float[] modelMatrix=new float[16];


我们要使用这个矩阵把桌面移动到那个距离内。在onSurfaceChanged()结尾处,加入如下代码:

Matrix.setIdentityM(modelMatrix, 0);
 Matrix.translateM(modelMatrix,0,0f,0f,-2f);


这就是把模型矩阵设为单位矩阵,在沿着Z轴平移-2。当我们把桌面的坐标与这个矩阵相乘的时候,那些坐标最终会沿着Z轴负方向移动2个单位。


相乘一次还是相乘两次


我们现在要做一个选择:我们依然需要把这个矩阵应用于每个顶点,因此第一个选项是给顶点着色器新增一个额外的矩阵。我们把每个顶点都与这个模型矩阵相乘,让它们沿着Z轴负方向移动2个单位,接下来把每个顶点与投影矩阵相乘。这样,OpenGL就可以做透视除法,并把这些顶点变换到归一化设备坐标了。


如果不想这么麻烦,还有一个更好的方式:我们可以把模型矩阵与投影矩阵相乘,得到一个矩阵,然后把这个矩阵传递给顶点着色器。通过这种方式我们就可以在着色器中仅保留一个矩阵。


选择适当的顺序


为了弄清楚我们应该使用那种顺序,让我们看一下只使用投影矩阵的数学运算:

20.png

VerteXeye代表场景中的顶点与投影矩阵相乘之前的位置。我们一旦加入模型矩阵来移动那个桌子,这个数学运算看起来就像这样。


21.png

VerteXmodel代表顶点在模型矩阵放进场景中之前的位置。把这两个表达式合并在一起,最后得到的公式如下:


22.png

为了使用一个矩阵替换这两个矩阵,我们不得不把投影矩阵乘以模型矩阵,就是把投影矩阵放在左边,把模型矩阵放在右边。


更新代码使用一个矩阵


让我们把这个新的矩阵代码封装一下,把下面的代码加到onSurfaceChanged()中的translate()调用后面:

final float[] temp=new float[16];
 Matrix.multiplyMM(temp,0,projectionMatrix,0,modelMatrix,0);
 System.arraycopy(temp, 0, projectionMatrix, 0, temp.length);

不论什么时候把两个矩阵相乘,都需要一个临时变量来存储其结果。如果尝试直接写入这个结果,这个结果将是未定义的。


我们首先创建了一个临时的浮点数组用来存储其临时结果;然后调用multiplyMM()把投影矩阵和模型矩阵相乘,其结果存进这个临时数组。下一步,我们调用System.arraycopy()把结果存回projectMatrix,它现在包含模型矩阵与投影矩阵的组合效应。


如果我们现在运行这个程序,会发现这依然是个平面的桌面。


3.增加旋转


既然我们已经有一个配置好的投影矩阵和一个可以移动的桌子的模型矩阵,那么我们需要做的就是旋转这张桌子,以便可以从某个角度观察它。如果使用旋转矩阵,我们只需要一行代码就可以做到。我们还从来没有用过旋转,现在花一些时间了解一下这些旋转是怎么工作的。


需要弄清楚一件时是我们需要围绕哪个轴旋转以及旋转多少度。让我们再看下图:

23.png

要搞清楚一个物体是怎么围绕一个给定的轴旋转,我们将使用右手坐标规则:伸出你的右手,握拳,让大拇指指向正轴方向。倘若是一个正角度的旋转,卷曲的手指会告诉你一个物体是怎么围绕那个轴旋转的。观察上图,当你把大拇指指向X轴正方向时,看看旋转的方向是怎么跟随手指的绕轴线卷曲的。


分别用X轴,Y轴和Z轴试一下这个旋转。如果绕Y轴旋转,桌子会绕着它的顶端和低端水平旋转。如果绕着Z轴旋转,桌子会在一个圆圈内旋转。我们想要做的是让桌子绕着X轴向后旋转,因为这会让桌子看起来更有层次。


旋转矩阵


我们将使用一个旋转矩阵去做实际的旋转。旋转矩阵使用正弦和余弦三角函数把旋转转换成缩放因子。下面就是绕X轴旋转所用矩阵定义:


24.png

然后是绕Y轴旋转所用的矩阵:


25.png

最后,还有一个绕Z轴旋转所用的矩阵:


26.png


把所有矩阵合并为一个通用的旋转矩阵,使其可以基于任意一个角度和向量旋转,这也是可能的。


作为一个测试,让我们试试绕着X轴旋转。我们从一个点开始,它在原点上面一个单位,也就是Y值是1。把它绕X轴旋转90度。首先,让我们准备这个旋转矩阵:


27.png

让把这个矩阵与这个点的位置向量相乘,看看得到了什么:


28.png

这个点从(0,1,0)被移动到了(0,0,1)。如果我们回过头来看一下上面那个旋转坐标轴,并对X轴使用右手规则,我们可以看到正向旋转是如何把一个点沿着一个绕X轴的圈移动的。


4.在代码中加入旋转


我们现在准备好把这个旋转加入代码了。回到onSurfaceChanged(),调整那个平移矩阵,并加入一个旋转矩阵,如下:

Matrix.translateM(modelMatrix,0,0f,0f,-2.5f);
 Matrix.rotateM(modelMatrix,0,-60f,1f,0f,0f);

我们把这张桌子放得更远了一点,因为我们一旦把它旋转了,它的底部会距离我们更近。我们接着把它绕X轴旋转-60度,这会让桌子处于一个很好的角度,就像我们站在它前面一样。


这张桌子现在看起来应该如下图所示:

29.png


相关文章
|
3月前
QT4.7版本的OPENGL的3D旋转模型例子
QT4.7版本的OPENGL的3D旋转模型例子
|
4月前
|
XML Java Android开发
Android Studio App开发之对图片进行简单加工(包括放缩,旋转等等 附源码)
Android Studio App开发之对图片进行简单加工(包括放缩,旋转等等 附源码)
45 0
|
18天前
|
Java Android开发
Android开发之使用OpenGL实现翻书动画
本文讲述了如何使用OpenGL实现更平滑、逼真的电子书翻页动画,以解决传统贝塞尔曲线方法存在的卡顿和阴影问题。作者分享了一个改造后的外国代码示例,提供了从前往后和从后往前的翻页效果动图。文章附带了`GlTurnActivity`的Java代码片段,展示如何加载和显示书籍图片。完整工程代码可在作者的GitHub找到:https://github.com/aqi00/note/tree/master/ExmOpenGL。
19 1
Android开发之使用OpenGL实现翻书动画
|
18天前
|
Android开发 开发者
Android开发之OpenGL的画笔工具GL10
这篇文章简述了OpenGL通过GL10进行三维图形绘制,强调颜色取值范围为0.0到1.0,背景和画笔颜色设置方法;介绍了三维坐标系及与之相关的旋转、平移和缩放操作;最后探讨了坐标矩阵变换,包括设置绘图区域、调整镜头参数和改变观测方位。示例代码展示了如何使用这些方法创建简单的三维立方体。
15 1
Android开发之OpenGL的画笔工具GL10
|
4月前
|
API Android开发 开发者
【Android App】Vulkan实现宇宙中旋转雷达动画效果(附源码和原始视频 超详细必看)
【Android App】Vulkan实现宇宙中旋转雷达动画效果(附源码和原始视频 超详细必看)
68 1
|
4月前
|
XML 小程序 Java
【Android App】给三维魔方贴图以及旋转动画讲解和实战(附源码和演示视频 超详细必看)
【Android App】给三维魔方贴图以及旋转动画讲解和实战(附源码和演示视频 超详细必看)
28 0
|
4月前
|
XML 小程序 Java
【Android App】三维投影OpenGL ES的讲解及着色器实现(附源码和演示 超详细)
【Android App】三维投影OpenGL ES的讲解及着色器实现(附源码和演示 超详细)
51 0
|
4月前
|
XML Java Android开发
【Android App】给三维的地球仪贴上动物贴纸实战(附源码和演示 超详细必看)
【Android App】给三维的地球仪贴上动物贴纸实战(附源码和演示 超详细必看)
35 1
|
4月前
|
XML Java Android开发
【Android App】勾勒出三维立方体和球体以及它们的转动图形讲解及实战(附源码和演示视频 超详细)
【Android App】勾勒出三维立方体和球体以及它们的转动图形讲解及实战(附源码和演示视频 超详细)
26 0
|
4月前
|
XML 前端开发 Java
【Android App】三维处理中三维投影OpenGL功能的讲解及实战(附源码和演示 超详细必看)
【Android App】三维处理中三维投影OpenGL功能的讲解及实战(附源码和演示 超详细必看)
33 1