| The application of webGL in web applications is leading a revolution in the presentation and interactive of 3D contents on the web. webGL enables seamless embedding of 3D contents in web applications without the need for plugins. Different applications present different requirements for webGL technology. It is therefore important to develop a easy-to-use, versatile framework for fast development of various web applications.In this thesis, we research such a general webGL framework and applied it to different web applications. The functions are divided into different models according to the Model-View-Control (MVC) pattern, based on which a general web front-end development framework is developed. Using this framework, developers can focus on the development of the functionality of the application itself. We have shown the utility and efficiency of our framework by two typical applications. One is an interactive web-based material editing system for 3D content creation, known as Meditor. The other is an interactive web-based visualization tool named v-tab.The interactive online material editing system - Meditor has made a further development on the optimizations for shaders based on THREE.js, offering front editing and real-time rendering for some complex materials. Furthermore, a user-friendly interface is applied for the artists to edit, share and download materials online. The interactive online data visualization tool- v-tab is a novel explore in the area of data visualization on webGL. It brings several data diagrams visualization to reality, like bars, pie, curves, map and so on, and features efficient data transportation and visualization primitive rendering. |