{"id":113237,"date":"2025-02-27T11:36:30","date_gmt":"2025-02-27T11:36:30","guid":{"rendered":"https:\/\/peraltafinancing.com\/animation\/getting-started-with-opengl-es-for-android\/"},"modified":"2025-02-27T11:36:30","modified_gmt":"2025-02-27T11:36:30","slug":"getting-started-with-opengl-es-for-android","status":"publish","type":"post","link":"https:\/\/fivemor.com\/?p=113237","title":{"rendered":"Getting Started with OpenGL ES for Android"},"content":{"rendered":"


\n<\/p>\n

\n

All Android devices have graphics processing unit (GPU), which used for handling the graphics processing. OpenGL is one of the API used in Android which support all devices, other is Vulkan which support only Android 7.0 and above. In this post we will getting stated with OpenGL ES for Android. This is simple Android OpenGL ES tutorial for beginners.<\/p>\n

Prerequisite<\/span><\/p>\n

Before we get started with OpenGL ES Tutorial for Android, we should know about the prerequisite like pre-learning, software, tools, plugins required and other information and definition about graphics APIs.<\/span><\/p>\n

What is OpenGL ES?<\/b><\/p>\n

As defined in our many posts, OpenGL is acronym of Open Graphics Library which is cross platform which means, platform-independent graphics API. OpenGL ES means OpenGL for Embedded Systems, API for computer graphics in embedded systems like mobile phones.<\/p>\n

As we proceed further in this\u00a0OpenGL ES Tutorial for Android, we assume that reader are aware of basics of Java, xml, Opengl and Android ecosystem. If you have some idea about Android you must have Android Studio installed which have Android SDK, AVD and all other tools required for Android App development.<\/span><\/p>\n

Project Setup<\/b><\/span><\/p>\n

Create a new project in android studio, name it OpenGLESTutorial choose basic template. Android\u00a0 studio will create the all required code including\u00a0the java files and xml files.\u00a0<\/span><\/span><\/p>\n

1. OpenGL ES Check<\/span><\/span><\/p>\n

As we are working with OpenGL ES we need to check if android\u00a0device the support OpenGL ES 2.0<\/a> or not.\u00a0<\/span><\/span><\/p>\n

final<\/code> ConfigurationInfo configurationInfo = activityManager.getDeviceConfigurationInfo();<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>final<\/code> boolean<\/code> supportsEs2 = configurationInfo.reqGlEsVersion >= <\/code>0x20000<\/code>;<\/code><\/p>\n

\u00a0<\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>if<\/code> (supportsEs2)<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>{<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>mGLSurfaceView.setEGLContextClientVersion(<\/code>2<\/code>);<\/code><\/p>\n

\u00a0<\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>mGLSurfaceView.setRenderer(<\/code>new<\/code> LessonOneRenderer());<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>else<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>{<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>return<\/code>;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>}<\/code><\/p>\n

\u00a0<\/p>\n

\u00a0\u00a0\u00a0\u00a0<\/code>setContentView(mGLSurfaceView);<\/code><\/p>\n

Earlier Android emulator does not support OpenGL ES 2.0, to test real device was required, but now now Android emulator does support\u00a0<\/span>OpenGL ES 2.0. Hence we can test our tutorial on\u00a0the\u00a0<\/span>Android emulator as well as real Android phones.\u00a0\u00a0<\/span><\/p>\n

Moreover, to stop Android user who don’t have phone\/device supporting OpenGL ES Version,\u00a0<\/span> tag need to be added in the project tag. Add the following code in AndroidManifest.xml file.<\/uses-feature><\/uses-feature><\/p>\n

\n
uses-feature android<\/span>:glEsVersion<\/span>=\"0x00020000\"<\/span>    <\/span>android<\/span>:required<\/span>=\"true\" <\/span>\/><\/pre>\n<\/div>\n
2. Create Class<\/span><\/p>\n
First create a class name\u00a0OpenGLView Overide the class with\u00a0<\/span>GLSurfaceView<\/span>. Add all the overide methord. Create init methord as shown below.<\/span><\/p>\n
\n
public class <\/span>OpenGLView extends <\/span>GLSurfaceView {
public <\/span>OpenGLView(Context context) {super<\/span>(context);init();}<\/p>
public <\/span>OpenGLView(Context context, AttributeSet attrs) {super<\/span>(context, attrs);init();}private void <\/span>init(){setEGLContextClientVersion(2<\/span>);setPreserveEGLContextOnPause(true<\/span>);setRenderer(new <\/span>OpenGLRenderer());}}<\/p><\/pre>\n<\/div>\n
<\/p>\n
<\/pre>\n
Now create a class OpenGLRenderer and implement interface GLSurfaceView.Renderer and write all methord.<\/pre>\n
public class <\/span>OpenGLRenderer implements <\/span>GLSurfaceView.Renderer {@Override<\/span>    <\/span>public void <\/span>onSurfaceCreated(GL10 gl, EGLConfig config) {GLES20.glClearColor<\/span>(1f<\/span>,0<\/span>,0<\/span>,1f<\/span>);}
@Override<\/span>    <\/span>public void <\/span>onSurfaceChanged(GL10 gl, int <\/span>width, int <\/span>height) {<\/p>
}<\/p>
@Override<\/span>    <\/span>public void <\/span>onDrawFrame(GL10 gl) {GLES20.glClear<\/span>(GLES20.GL_COLOR_BUFFER_BIT<\/span>);}}<\/p><\/pre>\n
<\/code><\/div>\n
3<\/span><\/code>. Main Activity XML<\/span><\/p>\n
In activity_main layout create an widget for creating canvas. Add the following code-\u00a0<\/p>\n
\n
com.india.myapplication.OpenGLView    <\/span>android<\/span>:id<\/span>=\"@+id\/openglview\"<\/span>    <\/span>android<\/span>:layout_height<\/span>=\"match_parent\"<\/span>    <\/span>android<\/span>:layout_width<\/span>=\"match_parent\"<\/span>\/><\/pre>\n
<\/pre>\n
Now call the widget in Main Activity class<\/pre>\n
OpenGLView openGLView<\/span>;<\/pre>\n
Initalize the OpenGL View in main activity class<\/pre>\n
openGLView <\/span>=(OpenGLView) findViewById(R.id.openglview<\/span>);<\/pre>\n
<\/pre>\n
Now the app, test it on emulator or on real device. You will see a red color surface which is rendered by OpenGL ES. <\/pre>\n
You can change the color of surface by changing in the -  GLES20.glClearColor<\/span>(<\/span>1f<\/span>,<\/span>0<\/span>,<\/span>0<\/span>,<\/span>1f<\/span>);<\/span><\/pre>\n
<\/pre>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"
All Android devices have graphics processing unit (GPU), which used for handling the graphics processing. OpenGL is one of the API used in Android which support all devices, other is Vulkan which support only Android 7.0 and above. In this post we will getting stated with OpenGL ES for Android. This is simple Android OpenGL […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12035],"tags":[1046,17996,4796],"dealstore":[],"offerexpiration":[],"class_list":["post-113237","post","type-post","status-publish","format-standard","hentry","category-animation","tag-android","tag-opengl","tag-started"],"yoast_head":"\nGetting Started with OpenGL ES for Android - Som2ny Network<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fivemor.com\/?p=113237\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Getting Started with OpenGL ES for Android - Som2ny Network\" \/>\n<meta property=\"og:description\" content=\"All Android devices have graphics processing unit (GPU), which used for handling the graphics processing. OpenGL is one of the API used in Android which support all devices, other is Vulkan which support only Android 7.0 and above. In this post we will getting stated with OpenGL ES for Android. This is simple Android OpenGL […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fivemor.com\/?p=113237\" \/>\n<meta property=\"og:site_name\" content=\"Som2ny Network\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-27T11:36:30+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fivemor.com\/?p=113237#article\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/?p=113237\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\"},\"headline\":\"Getting Started with OpenGL ES for Android\",\"datePublished\":\"2025-02-27T11:36:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fivemor.com\/?p=113237\"},\"wordCount\":359,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"keywords\":[\"Android\",\"OpenGL\",\"started\"],\"articleSection\":[\"Animation\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fivemor.com\/?p=113237#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fivemor.com\/?p=113237\",\"url\":\"https:\/\/fivemor.com\/?p=113237\",\"name\":\"Getting Started with OpenGL ES for Android - Som2ny Network\",\"isPartOf\":{\"@id\":\"https:\/\/fivemor.com\/#website\"},\"datePublished\":\"2025-02-27T11:36:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/fivemor.com\/?p=113237#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fivemor.com\/?p=113237\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fivemor.com\/?p=113237#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/fivemor.com\/?bp_activities=1\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started with OpenGL ES for Android\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fivemor.com\/#website\",\"url\":\"https:\/\/fivemor.com\/\",\"name\":\"Som2ny Network\",\"description\":\"Daily Deals\",\"publisher\":{\"@id\":\"https:\/\/fivemor.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fivemor.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/fivemor.com\/#organization\",\"name\":\"Som2ny Network\",\"url\":\"https:\/\/fivemor.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"contentUrl\":\"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png\",\"width\":300,\"height\":86,\"caption\":\"Som2ny Network\"},\"image\":{\"@id\":\"https:\/\/fivemor.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/fivemor.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/fivemor.com\"],\"url\":\"https:\/\/fivemor.com\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Getting Started with OpenGL ES for Android - Som2ny Network","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fivemor.com\/?p=113237","og_locale":"en_US","og_type":"article","og_title":"Getting Started with OpenGL ES for Android - Som2ny Network","og_description":"All Android devices have graphics processing unit (GPU), which used for handling the graphics processing. OpenGL is one of the API used in Android which support all devices, other is Vulkan which support only Android 7.0 and above. In this post we will getting stated with OpenGL ES for Android. This is simple Android OpenGL […]","og_url":"https:\/\/fivemor.com\/?p=113237","og_site_name":"Som2ny Network","article_published_time":"2025-02-27T11:36:30+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fivemor.com\/?p=113237#article","isPartOf":{"@id":"https:\/\/fivemor.com\/?p=113237"},"author":{"name":"admin","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371"},"headline":"Getting Started with OpenGL ES for Android","datePublished":"2025-02-27T11:36:30+00:00","mainEntityOfPage":{"@id":"https:\/\/fivemor.com\/?p=113237"},"wordCount":359,"commentCount":0,"publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"keywords":["Android","OpenGL","started"],"articleSection":["Animation"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fivemor.com\/?p=113237#respond"]}]},{"@type":"WebPage","@id":"https:\/\/fivemor.com\/?p=113237","url":"https:\/\/fivemor.com\/?p=113237","name":"Getting Started with OpenGL ES for Android - Som2ny Network","isPartOf":{"@id":"https:\/\/fivemor.com\/#website"},"datePublished":"2025-02-27T11:36:30+00:00","breadcrumb":{"@id":"https:\/\/fivemor.com\/?p=113237#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fivemor.com\/?p=113237"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fivemor.com\/?p=113237#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/fivemor.com\/?bp_activities=1"},{"@type":"ListItem","position":2,"name":"Getting Started with OpenGL ES for Android"}]},{"@type":"WebSite","@id":"https:\/\/fivemor.com\/#website","url":"https:\/\/fivemor.com\/","name":"Som2ny Network","description":"Daily Deals","publisher":{"@id":"https:\/\/fivemor.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fivemor.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/fivemor.com\/#organization","name":"Som2ny Network","url":"https:\/\/fivemor.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/","url":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","contentUrl":"https:\/\/fivemor.com\/wp-content\/uploads\/2026\/07\/4a0953c4-logo-300x86-1.png","width":300,"height":86,"caption":"Som2ny Network"},"image":{"@id":"https:\/\/fivemor.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/fivemor.com\/#\/schema\/person\/b85e3c3dc0e1daea076524dc8810c371","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/fivemor.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/729ae85bf62b9917e93538db2f2688ca?s=96&r=g&default=https%3A%2F%2Ffivemor.com%2Fwp-content%2Fplugins%2Fbuddypress-first-letter-avatar%2Fimages%2Fdefault%2F96%2Flatin_a.png","caption":"admin"},"sameAs":["https:\/\/fivemor.com"],"url":"https:\/\/fivemor.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/113237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=113237"}],"version-history":[{"count":0,"href":"https:\/\/fivemor.com\/index.php?rest_route=\/wp\/v2\/posts\/113237\/revisions"}],"wp:attachment":[{"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=113237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=113237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=113237"},{"taxonomy":"dealstore","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fdealstore&post=113237"},{"taxonomy":"offerexpiration","embeddable":true,"href":"https:\/\/fivemor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fofferexpiration&post=113237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}