An optimal solution for implementing a specific 3D web application

Abstract: WebGL equips web browsers with the ability to access graphic cards for extra processing power. WebGL uses GLSL ES to communicate with graphics cards, which uses different instructions compared with common web development languages. In order to simplify the development process there are JavaScript libraries handles the communication with WebGL. On the Khronos website there is a listing of 35 different JavaScript libraries that access WebGL. It is time consuming for developers to compare the benefits and disadvantages of all these libraries to find the best WebGL library for their need. This thesis sets up requirements of a specific WebGL application and investigates which libraries that are best for implmeneting its requirements. The procedure is done in different steps. Firstly is the requirements for the 3D web application defined. Then are all the libraries analyzed and mapped against these requirements. The two libraries that best fulfilled the requirments is Three.js with Physi.js and Babylon.js. The libraries is used in two seperate implementations of the intitial game. Three.js with Physi.js is the best libraries for implementig the requirements of the game. A performance test showed that Babylon.js is better then Three.js with Physi.js at rendering an envirionemnt with bounching spheres.