Creating 3D games with WebGL and HTML5 APIs isn’t an easy task. It requires matrix manipulation, communicating with graphics hardware, and a good understanding of OpenGL ES (mobile version of OpenGL). To try and make these concepts easy to understand, I created a game tutorial in my new book for HTML5 In Action called Geometry Destroyer. By clicking on the image below, you can play it right now.
WebGL Context and 2D Context API don’t mix
WebGL Game Engine Tutorial
If you want to learn how to create this game you can pick up a copy of my book HTML5 in Action for step-by-step instructions. Its WebGL game engine tutorial teaches you how to roll everything from scratch with principles also applicable HTML5 Canvas API development. If you don’t want to pickup the book, you can always open up the game’s source in your browser and read through the vast amount of inline comments.