{"id":526,"date":"2011-09-30T08:54:00","date_gmt":"2011-09-30T08:54:00","guid":{"rendered":"http:\/\/www.javacodegeeks.com\/2012\/10\/android-game-development-switching-from-canvas-to-opengl-es.html"},"modified":"2018-12-28T11:19:01","modified_gmt":"2018-12-28T09:19:01","slug":"android-game-development-switching-from","status":"publish","type":"post","link":"https:\/\/www.javacodegeeks.com\/2011\/09\/android-game-development-switching-from.html","title":{"rendered":"Android Game Development – Switching from Canvas to OpenGL ES"},"content":{"rendered":"
It is about time we delve into the graphical capabilities of the Android platform. Android supports the OpenGL ES API. Needless to say that offloading graphics handling to a dedicated GPU is way more optimal than doing it in the CPU. Most android devices have such a dedicated GPU.<\/p>\n

OpenGL is an API for writing 2D and 3D graphics that is rendered on the GPU. This will free up precious computing resources on the CPU to be used for more complex physics or more entities or anything not related to graphics.<\/p>\n

There are a few notions that need to be understood but I will introduce them when we will bump into them during the course.<\/p>\n

If you followed the articles related to displaying graphics on an android device, you already know that in order to display graphical elements, we need a surface and a renderer. We used a basic SurfaceView<\/strong> from which we obtained the Canvas<\/strong> and we drew everything onto it by calling the supported draw<\/strong> method from within our game loop.<\/p>\n

Using OpenGL is not much different. Android comes with a dedicated implementation of the SurfaceView<\/strong> interface for displaying images rendered by OpenGL.<\/p>\n

Let\u2019s create the android project the usual way.<\/p>\n

\n\n\n\n\n
\"New<\/a><\/td>\n<\/tr>\n
New Project Wizard<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/div>\n<\/div>\n

I call the activity simply Run<\/strong>. Check what the wizard has generated and it should look like this:<\/p>\n

public class Run extends Activity {\r\n    \/** Called when the activity is first created. *\/\r\n    @Override\r\n    public void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n        setContentView(R.layout.main);\r\n    }\r\n}\r\n<\/pre>\n
Nothing special.<\/p>\n
    Creating the OpenGL renderer<\/h2>\n
Let\u2019s build the renderer. Create a class GlRenderer<\/strong> which implements the android.opengl.GLSurfaceView.Renderer<\/strong> interface.<\/p>\n
It will look like this:<\/p>\n
import javax.microedition.khronos.egl.EGLConfig;\r\nimport javax.microedition.khronos.opengles.GL10;\r\n\r\nimport android.opengl.GLSurfaceView.Renderer;\r\n\r\npublic class GlRenderer implements Renderer {\r\n\r\n\t@Override\r\n\tpublic void onDrawFrame(GL10 gl) {\r\n\t}\r\n\r\n\t@Override\r\n\tpublic void onSurfaceChanged(GL10 gl, int width, int height) {\r\n\t}\r\n\r\n\t@Override\r\n\tpublic void onSurfaceCreated(GL10 gl, EGLConfig config) {\r\n\t}\r\n}\r\n<\/pre>\n
We need to implement the above 3 methods. Currently they are empty and do nothing.<\/p>\n
    The methods<\/h2>\n
onSurfaceCreated(GL10 gl, EGLConfig config)<\/strong>created or recreated<\/strong>. It is important to bear the recreated<\/strong> bit in mind as it means every time the device goes to sleep for example and awakes, the surface gets recreated. Because the context which holds the resources gets destroyed too, this is the place where we will load our resources (images for textures, etc).
 
<\/div> <\/div><\/p>\n
onSurfaceChanged(GL10 gl, int width, int height)<\/strong> is called whenever the surface size changes. This mainly affects our viewport. The viewport<\/strong> is just a rectangular region through which we see our game world.
\n 
\nonDrawFrame(GL10 gl)<\/strong> is called by the rendering thread to draw each frame. This is where all the drawing happens. We don’t need to call it explicitly. A rendering thread is created by android for us and that will call it.<\/p>\n
Let’s switch to the OpenGL renderer. Check out the new Run<\/strong> activity.<\/p>\n
package net.obviam.opengl;\r\n\r\nimport android.app.Activity;\r\nimport android.opengl.GLSurfaceView;\r\nimport android.os.Bundle;\r\nimport android.view.Window;\r\nimport android.view.WindowManager;\r\n\r\npublic class Run extends Activity {\r\n\r\n\t\/** The OpenGL view *\/\r\n\tprivate GLSurfaceView glSurfaceView;\r\n\r\n    \/** Called when the activity is first created. *\/\r\n    @Override\r\n    public void onCreate(Bundle savedInstanceState) {\r\n        super.onCreate(savedInstanceState);\r\n\r\n        \/\/ requesting to turn the title OFF\r\n        requestWindowFeature(Window.FEATURE_NO_TITLE);\r\n        \/\/ making it full screen\r\n\t\tgetWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,\r\n\t\t\t\tWindowManager.LayoutParams.FLAG_FULLSCREEN);\r\n\r\n        \/\/ Initiate the Open GL view and\r\n        \/\/ create an instance with this activity\r\n        glSurfaceView = new GLSurfaceView(this);\r\n\r\n        \/\/ set our renderer to be the main renderer with\r\n        \/\/ the current activity context\r\n        glSurfaceView.setRenderer(new GlRenderer());\r\n        setContentView(glSurfaceView);\r\n    }\r\n\r\n\t\/** Remember to resume the glSurface  *\/\r\n\t@Override\r\n\tprotected void onResume() {\r\n\t\tsuper.onResume();\r\n\t\tglSurfaceView.onResume();\r\n\t}\r\n\r\n\t\/** Also pause the glSurface  *\/\r\n\t@Override\r\n\tprotected void onPause() {\r\n\t\tsuper.onPause();\r\n\t\tglSurfaceView.onPause();\r\n\t}\r\n}\r\n<\/pre>\n
In line 12<\/strong> we declare a GLSurfaceView<\/strong> member variable. This is our OpenGL view provided by android. When we instantiate it (line 27<\/strong>) we have to make it context aware. That is, for the view to have access to the application environment.<\/p>\n
All we need to do is to add our renderer to this view. This we do in line 31<\/strong>.<\/p>\n
Line 32<\/strong> tells the activity to use our OpenGL view. <\/p>\n
The onResume()<\/strong> and onPause()<\/strong> methods are being overridden and trigger the respective methods in our view.<\/p>\n
You can run the application as an Android app and you should see a blank black screen.<\/p>\n
That is it. We have switched from the canvas to the OpenGL renderer.<\/p>\n
Download the source code and eclipse project here (obviam.opengl.p01.tgz)<\/a><\/p>\n
Reference:<\/strong> OpenGL ES with Android Tutorial- Switching from Canvas to OpenGL<\/a> from our JCG<\/a> partner Tamas Jano from “Against The Grain<\/a>” blog.<\/p>\n
Do not forget to check out our new Android Game<\/i><\/strong> ArkDroid<\/a> (screenshots below)<\/span><\/span><\/i><\/strong>. You feedback will be more than helpful!<\/div>\n
<\/a><\/a><\/a><\/div>\n
Related Articles:<\/strong><\/div>\n