Web 2.0 on Steroids

Emerging new technologies are changing the web from its usual 2D in- and outputs to 3D and virtual worlds. Even smartphones have enough power to project new worlds on the go.  Instead of forming a new web standard, known technologies are recycled to support this kind of spectacular output. This is a blessing or a curse. While developers have not to change tools and their habits, the available possibilities are limited by the legacy. For usual stuff this is enough, but for performance demanding application, as VR, this bottleneck is an important motive to develop platform dependent non-web content.

This weekly blog series will try to discover possibilities and spot on challenging bottlenecks and limitations. I will try to lighten the world of WebGL and Unity3D from a non-technical perspective.

Our first entry will review the technology used to project 3D spaces onto you 2D screen. WebGL is the key technology, that enables the usage of OpenGL in your browser. While OpenGL was the first widespread standard, that enabled 3D on your computer since 1992, WebGL is an extension in your browser, that enables the usage of OpenGL ES 2.0 (WebGL 1.0).

OpenGL is a well-known rasterizer API that generates graphical outputs mainly through a state machine. You set the OpenGL state to the right behavior, set your matrices, send geometrical information, textures to your GPU and start the rasterization, which will be influenced by used shaders. Shaders are really fast GPU programs that changes the visual output nearly instantly.

At the first view, you will detect, that this process is fundamentally different from the dynamic REST approach, where you mainly use events to create the right behavior. And for this event-driven approach JavaScript was designed for. With WebGL two different worlds collides. This is one of the main reasons why this standard is not so popular among web developers. Most times only a graphics programmer can handle the complexity of an OpenGL program.

At this step Unity3D (and other great engines) will come to rescue you from the dark voids of mathematical programming. Unity3D is cross platform engine, that can generate all kinds of visual stunning output in a convenient way. The asset store will help you to build your own development stack and will shorten your development cycles. For implementing custom behaviors, you can use C# or even a modified JavaScript version. This called scripts are attached to game objects, that are your actors in your scene graph. This organization structure will be translated into OpenGL commands and JavaScript logic on your WebGL output.

With bypassing direct WebGL you are able to develop 3D content in a fast, cheap and convenient way. Without to knowing details of the rendering pipeline or mathematical backgrounds of the rasterizing process. This does not mean, that this knowledge is useless if you are using Unity3D. But you can achieve great results without this expertise. And if you need more, there are really good specialists out there, which can help you with your projects.


In our next blog entry I will try to show some great use cases for 3D (or even 2D) with Unity3D on user interfaces and on the web.

Leave a Reply