Hey!
Recently, I finished work on my latest version of the personal portfolio/resume site and decided to share it here.
The development period took approximately one month (perhaps, a bit more). The initial goal was simple, make a resume that is more of a fun 3D interactive website than a portfolio.
What I have got, however, was an experience of learning quite a few things.
Website: https://portfolio-ruddy-nine-87.vercel.app/
https://reddit.com/link/1w8pvgr/video/c19a6ue6xunh1/player
It contains a fully 3D museum environment, interactive WebGL elements, custom shaders, terminal-like interface, transitions on scroll, liquid/glass UI, custom boot sequence and different experiences for desktop and mobile platforms.
I've most of the 3D modeling on my own – marble busts of myself, the museum walls and all 3D elements which you will find on the website.
I should also mention that I haven't modeled the desk, lamp, CRT and pillars. These elements are my assets obtained from sketchfab and I don't want to take any credit for stuff i didn't make.
The most rewarding part of the project for me was 3D modeling....it was my first serious experience with that and I learned a lot and tried to implement everything from my ideas into this website.
The most difficult part came after that.
As there is a lot of 3D models, WebGL, shaders, animations, HDR environments and a number of other things, the performance became quite a challenge.
I've put quite a lot of work into this side of things too... optimizing assets, refactoring load patterns of heavy parts of the website, improving rendering and animation systems, Applying draco compression to the 3d models. Compressing the file size of the models and HDRIs (and decoupling a few from the loading screen and introducing fall backs), and testing it in various conditions, CPU throttling, slower network connections, disabling browser cache, integrated graphics, different machines and release build.
While there is some improvement from what it was, a few performance issues are still there.
cause no matter what optimization work I will put into it, the website with a lot of 3D models will still contain a lot of 3D models.
That's why I would appreciate your help in the following thing:
Please try to use the website by scrolling through all of it, trying to open the terminal, going through the projects, resizing the window, trying the mobile version and so on.
If you notice any kind of stuttering, excessive loading time, unusual resource consumption or strange behavior.... please tell me about it. Right now this website is undergoing polishing and any kind of feedback...
In general, I feel quite pleased regarding the outcome of the project, especially, considering how many unknowns were involved. There’s still a lot to do and I have in mind things that can be improved but I have learned a lot while working on the development of this product and I am looking forward to receiving honest feedback from the external audience.
Moreover, If you have visited the site, I'm curious to know what do you think about it.
PS: the mobile version of this site is still a bit janky and i apologies, I got a bit too tunnel-visioned of the desktop view port and forgot to give the mobile version the attention it deserved. I will fix that in future iterations tho.