案例06:大球自转+小球公转+移动

2020-07-18  本文已影响0人  Style_月月

OpenGL + OpenGL ES +Metal 系列文章汇总

这个案例是OpenGL中的一个比较经典的综合案例,结合了OpenGL中大部分知识点,下面就来了解下这个案例

先来看看最终的效果


案例-效果

整体的流程的如下


整体流程

其中,比较重要的逻辑都在以下三个函数中

下面来详细说说整体的效果的实现,可以大致分为4部分

准备工作

流程图中的ChangeSize、main函数,这里就不作过多说明,相信大家对这两个函数已经印象非常深刻,如果还有不明白的,可以结合案例 03:金字塔、六边形、圆环的绘制先了解下这两个函数中到底做了哪些工作

地板

两个函数此时的流程图大致如下


地板流程

大球

在地板绘制完成的基础上,绘制大球,并实现其自转功能,主要步骤如下

两个函数的流程图如下,图中红框部分流程均与大球相关


打球流程

大球变换
大球变换的代码如下

    //5.使得大球位置平移(3.0)向屏幕里面
    modelViewMatrix.Translate(0.0f, 0.0f, -3.0f);
    //6.压栈(复制栈顶)
    modelViewMatrix.PushMatrix();
    //7.大球自转
    modelViewMatrix.Rotate(yRot, 0.0f, 1.0f, 0.0f);

自转的原理
仅为个人理解:可以将时间看作一个圆,大球映射到xoy平面上其实也是一个圆,然后基于时间的变化所得到的的角度,在大球的映射圆中也是同样的角度,然后大球基于上次的角度,再继续旋转α的角度,每360度是一个循环,以此来实现大球自转

自转原理

小球

在绘制完大球的基础上,继续绘制小球

此时两个函数的流程图如下:


小球流程

小球公转
其实小球的公转可以理解为: 自转+平移,如果只有rotate变换,那么小球就是在原地围绕y轴自转,但是此时大球跟小球是处于同一个位置的,为了更好的观察,需要将小球平移,与大球之间有一定的间隔,且每次旋转,小球旋转的角度是大球的两倍,意味着小球比大球转的快,公转原理如图所示

公转原理

移动

到这步,主要的功能都基本实现了,只需要在增加特殊键位的移动即可,此时的移动是作用于所有图形的,所以需要在绘制图形前增加一个观察者,用于记录所有图形的变换

此时,项目中setupRc、RenderScene、SpecialKeys总的流程图如下


三个重要函数整体流程

到此,这个综合项目就完成啦。

完整的代码见github - 06_OpenGL_综合项目

上一篇下一篇

猜你喜欢

热点阅读