We have shown how you can introduce 3D graphics to your programs relatively easily using sprites. WebGL, the web version of OpenGL, offers tremendous possibilities for those prepared to invest much time and effort into learning its complexities. Biotopia, the winning entry in the Smart Mobile Studio graphics competition, makes most impressive use of WebGL for some amazing 3D graphic modelling. The runner-up also used WebGL; Dan ported his Delphi game engine "Gen" to SMS and it is now available (in the folder Smart Mobile Projects\Contest Demos\Afternoon Walk\Gen2Web) to anyone with the requisite knowledge and skill. See an impressive demo of the engine online.
There are many new concepts to learn when working with WebGL. Tools such as ThreeJS make it easier to use, but you will want to understand the detail of the raw code to be able to get the most out of WebGL. HelloWebGL is a 3D Smart Mobile Studio demo with comments, but it introduces new ideas rather quickly. Our later examples are based on this demo. We start with simple examples to introduce the OpenGL ES Shader Language (called GLSL ES, where ES stands for Embedded Systems such as mobile phones).
Follow the links below for examples that introduce WebGL features gradually.