Web-Based Interactive 3D Space

The aim of this thesis is to explore optimalization possibilities in the development of web applications with three-dimensional content and to propose effective methods to enhance performance, accessibility, and responsiveness of such applications. To achieve this goal, three sample applications were designed and implemented: a 3D configurator, a data visualization tool, and a gaming environment, all serving as demonstrations and testbeds for the identified optimization techniques. The thesis focuses on analyzing the historical and current state of 3D web technologies, the fundamental technical principles underlying this domain, and identifying key challenges along with proposing potential solutions. The development of web applications utilizes the Three.js library in conjunction with the React framework, and is grounded on the Component-Driven Development methodology. The thesis provides a detailed description of the application development process, emphasizing the specifics of three-dimensional content and the applied optimalization techniques. The resulting applications are subsequently evaluated based on predefined criteria, enabling an assessment of the effectiveness of the employed optimalization approaches. The findings of this thesis demonstrate that applied techniques such as instancing, buffer geometry, model compression, alternative methods of controlling 3D scenes, and the use of structured data significantly contribute to the optimization of critical aspects of 3D web applications. Furthermore, these methods can serve as a practical guide for developers addressing similar challenges and as a foundation for further research in this field.