web based 3D editor for manipulating geometries and materials of a 3D object
UI Design . UX Design . UI Design
JavaScript . Three.js . WebGL
Overview
Creating a 3D web based editor was my dissertation project, for the bachelor’s degree in Web Development at Zealand Academy. I have been working on this project with 2 other studends from my school. Our client for disseration project was Leica Geosystems Technology A/S (LGS), which is a part of a global company Hexagon.
The 3D editor was to be integrated with an already existing platform for geo data visualization and management, called MultiViewer. The connection between the two applications would give the user access to the models from MultiViewer's database and the ability to interact and modify them within the editor’s 3D space, creating a rich dynamic 3D experience.
We have implemented a number of functions, allowing the user to create interactions with the model on 3D scene. The user has the ability to manipulate the position, rotation and scale of the model. Moreover, the user has different types of operation on the parts that the 3D model is made of such as vertices and faces. Changing the texture of the model was crucial in our project and one of the requirements with the highest priority, which we also succeed in making.
The editor was made using Three.js library with vanilla JavaScript.