Utecture House Builder

Shortly after joining Waxeye as an employee, one of my initial projects involved implementing a CSS/HTML overlay within an ongoing WebGL project. While the existing systems were already in place, I had not previously worked on such a task nor had experience with WebGL development. Despite my initial concerns, I found the implementation process surprisingly straightforward. I focused on the development of the front-end and back-end components within the Unity WebGL context, leaving the design aspect to others.

As the project advanced, I undertook additional responsibilities, including enhancing the camera system. One significant improvement was the implementation of orientation locking to limit the camera's movement within certain parameters. This measure was necessary as the initial concept of unrestricted camera movement led to unintended issues, such as the camera becoming inverted and users getting stuck within an offset orientation, allowing them to cut through the ground, resulting in an undesirable experience.

To address this issue, I devised a simple yet effective solution. I incorporated a lockout mechanism, ensuring that when the camera reached specific points, a switch would activate, allowing for a smooth transition to the intended target rather than flipping over it. This approach maintained logical rotations and avoided any undesirable viewpoints, thus providing users with a seamless and intuitive experience.

Additionally, I tackled the issues within the pre-defined positions by implementing a lerping system. This system facilitated smooth transitions, guiding users from their current position to the designated pre-defined positions. This implementation further enhanced the overall user experience, ensuring a more immersive and coherent journey throughout the WebGL project.