WebGLStudio: a pipeline for WebGL scene creation

We present WebGLStudio - a pipeline for the creation and editing of high-quality 3D scenes using WebGL. The pipeline features a 3D Scene-Graph rendering engine; an interactive scene editor allowing detailed setup and configuration of assets in real-time; a web-based asset manager; and a stand-alone rendering module ready to embedded in target applications. We further present a series of implementational details discovered to overcome limitations of the web browser context to enable realistic rendering and performance. The principal contribution of this work to the graphics community is the methodology used to take advantage of several unique aspects of Javascript when used as a 3D programming language; and the demonstration of possibilities involved in real-time editing of the parameters of materials, shaders and post-processing effects, in order for the user/artist to create a 3D scene as desired.