https://www.learnopengles.com/category/articles/Recent content in Articles on Learn OpenGL ESHugoen-USThu, 03 Sep 2026 18:13:44 +0000https://www.learnopengles.com/how-powerful-is-your-nexus-7/Thu, 03 Apr 2014 18:09:46 +0000https://www.learnopengles.com/how-powerful-is-your-nexus-7/The following post is based on a paper generously contributed by Jerome Huck, a senior aerospace/defence engineer, scientist, and author. A link to figures and the code can be found at the bottom of this post. So you want to run some heavy-duty algorithms on your Android device, and you’re wondering what is the best environment …https://www.learnopengles.com/finishing-up-our-native-air-hockey-project-with-touch-events-and-basic-collision-detection/Fri, 08 Nov 2013 14:51:43 +0000https://www.learnopengles.com/finishing-up-our-native-air-hockey-project-with-touch-events-and-basic-collision-detection/In this post in the air hockey series, we’re going to wrap up our air hockey project and add touch event handling and basic collision detection with support for Android, iOS, and emscripten. Prerequisites This lesson continues the air hockey project series, building upon the code from GitHub for ‘article-3-matrices-and-objects’. Here are the previous posts in this series: …https://www.learnopengles.com/adding-a-3d-perspective-and-object-rendering-to-our-air-hockey-project-in-native-c-code/Wed, 18 Sep 2013 11:45:27 +0000https://www.learnopengles.com/adding-a-3d-perspective-and-object-rendering-to-our-air-hockey-project-in-native-c-code/For this post in the air hockey series, we’ll learn how to render our scene from a 3D perspective, as well as how to add a puck and two mallets to the scene. We’ll also see how easy it is to bring these changes to Android, iOS, and emscripten. Prerequisites This lesson continues the air …https://www.learnopengles.com/loading-a-png-into-memory-and-displaying-it-as-a-texture-with-opengl-es-2-adding-support-for-emscripten/Thu, 25 Jul 2013 00:45:49 +0000https://www.learnopengles.com/loading-a-png-into-memory-and-displaying-it-as-a-texture-with-opengl-es-2-adding-support-for-emscripten/In the last two posts in this series, we added support for loading a PNG file into OpenGL as a texture, and then we displayed that texture on the screen: Loading a PNG into Memory and Displaying It as a Texture with OpenGL ES 2, Using (Almost) the Same Code on iOS, Android, and Emscripten. …https://www.learnopengles.com/loading-a-png-into-memory-and-displaying-it-as-a-texture-with-opengl-es-2-adding-support-for-ios/Wed, 24 Jul 2013 16:12:24 +0000https://www.learnopengles.com/loading-a-png-into-memory-and-displaying-it-as-a-texture-with-opengl-es-2-adding-support-for-ios/In the previous post, we looked at loading in texture data from a PNG file and uploading it to an OpenGL texture, and then displaying that on the screen in Android. To do that, we used libpng and loaded in the data from our platform-independent C code. In this post, we’ll add supporting files to …https://www.learnopengles.com/loading-a-png-into-memory-and-displaying-it-as-a-texture-with-opengl-es-2-using-almost-the-same-code-on-ios-android-and-emscripten/Tue, 23 Jul 2013 18:41:58 +0000https://www.learnopengles.com/loading-a-png-into-memory-and-displaying-it-as-a-texture-with-opengl-es-2-using-almost-the-same-code-on-ios-android-and-emscripten/In the last post in this series, we setup a system to render OpenGL to Android, iOS and the web via WebGL and emscripten. In this post, we’ll expand on that work and add support for PNG loading, shaders, and VBOs. TL;DR We can put most of our common code into a core folder, and …https://www.learnopengles.com/calling-opengl-from-c-on-the-web-by-using-emscripten-sharing-common-code-with-android-and-ios/Mon, 15 Jul 2013 02:05:25 +0000https://www.learnopengles.com/calling-opengl-from-c-on-the-web-by-using-emscripten-sharing-common-code-with-android-and-ios/In the last two posts, we started building up a simple system to reuse a common set of C code in Android and iOS: OpenGL from C on Android by using the NDK Calling OpenGL from C on iOS, Sharing Common Code with Android In this post, we’ll also add support for emscripten, an LLVM-to-JavaScript compiler …https://www.learnopengles.com/calling-opengl-from-c-on-ios-sharing-common-code-with-android/Sun, 14 Jul 2013 00:21:48 +0000https://www.learnopengles.com/calling-opengl-from-c-on-ios-sharing-common-code-with-android/In the last post, we covered how to call OpenGL from C on Android by using the NDK; in this post, we’ll call into the same common code from an Objective-C codebase which will run on an iOS device. Prerequisites A Mac with a suitable IDE installed. An iOS emulator, or a provisioned iPhone or …https://www.learnopengles.com/calling-opengl-from-android-using-the-ndk/Sat, 13 Jul 2013 01:32:20 +0000https://www.learnopengles.com/calling-opengl-from-android-using-the-ndk/For this first post in the Developing a Simple Game of Air Hockey Using C++ and OpenGL ES 2 for Android, iOS, and the Web series, we’ll create a simple Android program that initializes OpenGL, then renders simple frames from native code. Prerequisites The Android SDK & NDK installed, along with a suitable IDE. An …https://www.learnopengles.com/understanding-opengls-matrices/Wed, 03 Oct 2012 14:37:48 +0000https://www.learnopengles.com/understanding-opengls-matrices/I often get questions related to OpenGL’s matrices: how do they work, how do they get built, and so forth. This is a topic that I have been frequently confused by, myself, and I feel that it warrants further explanation. To better understand OpenGL’s matrices, and how and why we use them, we first need …https://www.learnopengles.com/how-to-use-opengl-es-2-in-an-android-live-wallpaper/Sat, 14 Jul 2012 20:41:36 +0000https://www.learnopengles.com/how-to-use-opengl-es-2-in-an-android-live-wallpaper/I’ve recently been looking into creating my first Live Wallpaper for Android as an opportunity to learn more about OpenGL ES and hopefully create something neat at the same time. Throughout our entire series of Android tutorials, we’ve been using GLSurfaceView to take care of the hard work of threading and initialization for us; imagine …https://www.learnopengles.com/rotating-an-object-with-touch-events/Mon, 27 Feb 2012 08:00:40 +0000https://www.learnopengles.com/rotating-an-object-with-touch-events/Rotating an object in 3D is a neat way of letting your users interact with the scene, but the math can be tricky to get right. In this article, I’ll take a look at a simple way to rotate an object based on the touch events, and how to work around the main drawback of …https://www.learnopengles.com/listening-to-android-touch-events-and-acting-on-them/Sat, 25 Feb 2012 21:00:20 +0000https://www.learnopengles.com/listening-to-android-touch-events-and-acting-on-them/We started listening to touch events in Android Lesson Five: An Introduction to Blending, and in that lesson, we listened to touch events and used them to change our OpenGL state. To listen to touch events, you first need to subclass GLSurfaceView and create your own custom view. In that view, you create a default …https://www.learnopengles.com/how-to-embed-webgl-into-a-wordpress-post/Wed, 28 Sep 2011 05:00:34 +0000https://www.learnopengles.com/how-to-embed-webgl-into-a-wordpress-post/Embedding into WordPress This information was originally part of WebGL Lesson One: Getting Started, but I thought it would be more useful if I also broke it out into a post on its own. Embedding WebGL into WordPress can be a little tricky, but if you use the right tags and the HTML editor it …