A 3D application and representation of what I think a really cozy gamer room would look like (I wish it were my actual room). First modelled in Blender, then exported and loaded into Three.js, a cross-browser JavaScript 3D library and application programming interface that I used to display my model in a web browser using WebGL 2.0. It was a really fun experience building the environment completely from scratch, with no prior knowledge of Three.js. Additionally, I used GreenSock, a web animation library, to control and move the camera towards different points of interest in the scene.
It is also worth mentioning that the scene was fully baked in Blender (and what a tedious process that was!) prior to being loaded in Three.js. Again, the overall process, from modelling to unwrapping the UV Maps, marking seams, and finally finding a bake pipeline I could stick to (I first leaned towards add-ons to facilitate the baking process just to fall back to the old saying "if you want something done well, do it yourself", and so I did) was a first for me.
The idea behind this project is to allow my viewers to experience my portfolio in a more dynamic and engaging way than the ol' boring 2D website. It features a selection of interactable objects that will re-direct you to different areas of my portfolio such as the homepage and my project section.
Not all browsers support WebGL 2.0. Therefore, the application might not display properly, if not at all. Broswers compability can be tested here: https://webglreport.com/?v=2 (link in full so that those of you who are particularly meticulous can check for the website trustworthiness). The aforementioned link simply checks whether the browser of your choice currently supports WebGL 2.0.
The application has been tested successfully on the following browsers:
3D Puzzle Game
Personal Portfolio
3D Scene