一直没有写博客,一来平时学习做笔记,犯不着写博客;二来,一直未想好未来在哪一方面积淀技术;三来,读书少,也不好意思写博客。
写博客,对于程序员来说是有好处的,它在清晰化思维的同时能够弥补思维的漏洞。 同时,每一个笔客都是在构建自己的虚拟的世界,在梦想的世界里遨游,因此,有着同样情丝的程序员,写博客是编程之外的延续,反之亦然。
纠结了大半年,终于确定自己要走的路,然我感叹一下:
往着计算机图形学奔跑吧,少年,别回头;
结合Android移动平台,做好NDK移植,少年,别回头。
之前,做项目,有过在Android平台上用OpenGL实现视频解说的经验。但是,从现在开始,还是要从头再来,一点一滴去挖掘积累,去构建一个三维的虚拟世界。
#Action
在写第一个GL "Hello world"程序之前,相关的环境配置就不多说了。开发平台自然是google新推荐的AndroidStudio(由于之前项目一直用Eclipse, 因此,对于AndroidStudio也是边实践边摸索)。
#相关简述
OpenGLES1.0 大多是官方内置的API,不允许用户对其更改,对于OpenGL的开发虽然简单,但是灵活度和定制性太差。
OpenGLES2.0 允许用户加大自由的写出自己的图形程序,也是现在Android平台主流的OpenGL API Android 2.3以上支持
OpenGLES3.0 现在相对来说还不成熟,但是在OpenGLES2.0的基础上加了许多新的特性 Android4.3以上支持
#begin
OpenGL在正式编写之前,需要一些初始化的工作,如:
创建一个窗口,配置好其颜色格式,深度buffer大小,以及为其分配一个上下文
创建一个background线程,尽量保证OpenGL的所有API都运行在这个线程里面
好在Android平台上,GLSurfaceView为我们准备好了这一切,我们只需要在其Renderer接口的相应方法里写相应的逻辑即可。
GLSurfaceView实际上实在Android的屏幕上创建了自己的窗口, 然后在View的继承体系中开了个“洞”,使得OpenGL surface能够显示内容。但是GLSurfaceView却不能像其它View一样实现动画和变换效果。 好在Android4.0以上,推出了TextureView, 它可以不在另开一个窗口的前提下,用来渲染OpenGL(后续的博客会使用到)
# create Activity
在AndroidStudio上创键一个Android工程就像在Eclipse上一样简单。花一定的时间,了解一下AndroidStudio的视图结构,我们就可以开始编程了。
在工程目录,Scr/Main/Java下是我们创建好的package包,在该包下创建一个Activity
大致如下:
- public class MyGL extends ActionBarActivity {
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(main.xml);
- }
- @Override
- public boolean onCreateOptionsMenu(Menu menu) {
- // Inflate the menu; this adds items to the action bar if it is present.
- getMenuInflater().inflate(R.menu.menu_my_gl, menu);
- return true;
- }
- @Override
- public boolean onOptionsItemSelected(MenuItem item) {
- // Handle action bar item clicks here. The action bar will
- // automatically handle clicks on the Home/Up button, so long
- // as you specify a parent activity in AndroidManifest.xml.
- int id = item.getItemId();
- //noinspection SimplifiableIfStatement
- if (id == R.id.action_settings) {
- return true;
- }
- return super.onOptionsItemSelected(item);
- }
- }
接下来,在Activity的Filed里加两个私有变量
- private GLSurfaceView glSurfaceView; //GL窗口
- private boolean rendererSet; //判断GL是否开始运行
在onCreate方法里,创建GL窗口
- super.onCreate(savedInstanceState);
- glSurfaceView = new GLSurfaceView(this);
接着,为GLSurfaceView的窗口配置OpenGL ES2.0的上下文和一个渲染的线程类
- glSurfaceView.setEGLContextClientVersion(2);
- glSurfaceView.setRenderer(new MyGLRenderer());
- rendererSet = true;
GLSurfaceView一旦创建以后,就会有一个渲染线程不停的负责刷新窗口,渲染图形。因此,我们需要让改渲染线程与 Activity的生命周期进行同步:
- @Override
- protected void onResume() {
- super.onResume();
- if(rendererSet)
- {
- glSurfaceView.onResume();
- }
- }
- @Override
- protected void onPause() {
- super.onPause();
- if(rendererSet)
- {
- glSurfaceView.onPause();
- }
- }
以上步骤完成后,我们还需要创建一个渲染类,我们的虚拟世界,就是在这个类中进行构建的。 渲染类继承自GLSurfaceView的Renderer接口,该接口,有三个方法onSurfaceCreated onSurfaceChanged, onDrawFrame。 这三个方法会被GL线程调用,其方法具体的实现需要我们自己实现。
在我们的package包下创建一个继承GLSurfaceView的Renderer类, 如下:
- public class MyGLRenderer implements GLSurfaceView.Renderer {
- @Override
- public void onSurfaceCreated(GL10 gl, EGLConfig config) {
- // 当GLurfaceView初始创建或者设备唤醒时或者重新切换回该Activity时
- // 该方法会被调用
- glClearColor(1.0f, 0.0f, 0.0f, 0.0f);
- }
- @Override
- public void onSurfaceChanged(GL10 gl, int width, int height) {
- // 当GLSurfaceView初始创建时,或者GLSurfaceView的大小改变时
- <span style="font-family: Arial, Helvetica, sans-serif;"> //该方法会被调用</span>
- <span style="font-family: Arial, Helvetica, sans-serif;"> glViewport(0, 0, width, height);</span>
- }
- @Override
- public void onDrawFrame(GL10 gl) {
- glClear(GL_COLOR_BUFFER_BIT);
- }
重点说下onDrawFrame方法, 它会被GL线程一直循环调用。每循环一次,它就会将我们编写的内容画在屏幕上。 最简单的就是如上程序,为其添加一个背景色。
每个屏幕窗口,都会为GL分配几个buffer,一般最多有16个:
4个color buffer
1个 depth buffer
1个stencil buffer
1个多采样buffer
1个或多个辅助buffer
而glClearColor就是每次向color buffer 填上色彩。 其4个参数分别是 r, g, b, a 前三个表示色彩,最后一个表示透明度在每次onDrawFrame迭代中,要使用glClear来清空color buffer,这样保证了,每一次内容的更新
在Renderer的三个接口中,都接受了GL10 gl这样的参数。这是因为,如果我们需要调用GLES1.0的Api可以使用该对象,而我们在调用GLES api时也没有使用GLES20 的前缀。 这个可以通过设置静态导入,来将其省略,便于我们的编写。在AndroidStudio的标题栏,File里,点击Settings>Editor>Java 然后添加import static android.openg.GLES20.*; 即可
好了。到此我们这个OpenGL ES2.0的Hello world程序就写完了。
#end
看到红色效果了么?
——————————————————————————————————————————
ARVR技术交流群:129340649
欢迎加入!