https://www.learnopengles.com/category/webgl/Recent content in WebGL on Learn OpenGL ESHugoen-USWed, 19 Feb 2014 15:07:24 +0000https://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/opengl-roundup-november-4-2013/Mon, 04 Nov 2013 18:55:43 +0000https://www.learnopengles.com/opengl-roundup-november-4-2013/Android 4.4 for Game Developers APPS WORLD LONDON 2013 New Adventures in C++ with Cinder and More Objectively Stylish — The NYTimes Objective-C style guide. Vivante Unveils Less than 1 mm2 OpenGL ES 2.0 GPU for Wearables and Internet of Things (IoT) Devices Why use a Graphics Library instead of an Engine? (Ex: OpenGL vs Unity) – …https://www.learnopengles.com/opengl-roundup-september-19-2013/Thu, 19 Sep 2013 15:30:19 +0000https://www.learnopengles.com/opengl-roundup-september-19-2013/Here’s the beginning of a new series on OpenGL ES 2.0 for iOS, using Apple’s GLKit. GLKit to the max: OpenGL ES 2.0 for iOS – Part 1: GLKit Features OpenGL ES 2: How does it draw? ROBOVM BACKEND IN LIBGDX NIGHTLIES AND FIRST PERFORMANCE FIGURES! – Libgdx is moving to a new backend for iOS …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/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/opengl-roundup-june-24-2013/Mon, 24 Jun 2013 17:30:57 +0000https://www.learnopengles.com/opengl-roundup-june-24-2013/Here are some interesting links I’ve come across recently: Cross-platform LIBGDX ROBOVM BACKEND Watch how Valve and Nvidia ported Source to Linux (and GL!) Giveaways Free Book! (Programming 3D Applications in HTML5 and WebGL) OpenGL History of the Modern GPU Series How to write portable WebGL OpenGL ES Particle System Tutorial: Part 1/3 NDK Porting …https://www.learnopengles.com/developing-a-simple-game-of-air-hockey-using-c-and-opengl-es-2-for-android-ios-and-the-web/Mon, 20 May 2013 15:06:41 +0000https://www.learnopengles.com/developing-a-simple-game-of-air-hockey-using-c-and-opengl-es-2-for-android-ios-and-the-web/Some of you have been curious about what the air hockey game from the book would be like if we brought it over to other platforms. I would like to find out, myself. 🙂 In the spirit of my last post about cross-platform development, I want to port the air hockey project over to a …https://www.learnopengles.com/site-updates-and-thoughts-on-native-development-for-the-web/Tue, 30 Apr 2013 12:08:45 +0000https://www.learnopengles.com/site-updates-and-thoughts-on-native-development-for-the-web/I’ve recently been spending time travelling overseas, taking a bit of a break after reaching an important milestone with the book, and also taking a bit of a rest from working for myself! The trip has been good so far, and I’ve even been keeping up to date with items from the RSS feed. Here …https://www.learnopengles.com/opengl-es-roundup-march-9-2012/Sat, 10 Mar 2012 08:00:01 +0000https://www.learnopengles.com/opengl-es-roundup-march-9-2012/Thank yous and mentions A big thank you goes to the following guys who have recently kindly featured Learn OpenGL ES: The Khronos Group. The Khronos Group is a non-profit, member-funded consortium dedicated to open and royalty-free standards for graphics, parallel computing, and dynamic media. There is a lot of cool stuff going on over …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/opengl-es-roundup-february-12-2012/Sun, 12 Feb 2012 05:00:20 +0000https://www.learnopengles.com/opengl-es-roundup-february-12-2012/If you haven’t checked it out yet, I recommend taking a look at the new Android Design website. There are a lot of resources and interesting information on developing attractive apps for Ice Cream Sandwich, Android’s newest platform. With Ice Cream Sandwich comes new changes, such as the deprecation of the menu bar. Roundup Rasberry …https://www.learnopengles.com/opengl-es-roundup-october-4-2011/Wed, 05 Oct 2011 01:53:47 +0000https://www.learnopengles.com/opengl-es-roundup-october-4-2011/Diney from db-in.com has a great introduction to shaders up at his site. He annotates his post with useful diagrams and also has a clear and neat introduction to tangent space. Learning WebGL has a cool roundup of WebGL around the web. The NeHe OpenGL site is alive! They are starting to post updates on …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 …https://www.learnopengles.com/the-project-code-has-moved-to-github/Sun, 25 Sep 2011 03:17:38 +0000https://www.learnopengles.com/the-project-code-has-moved-to-github/Hi guys, It’s been ages since I last posted an update, I know. I went away during the summer and neglected the site upon coming back, and now that I’m busy with school it’s been harder than ever to find the time to find an update. Excuses, excuses, I know. 😉 In any case, many …