Website

As they say “Lets skip to the good bit”

• Contextual yapping (an introduction, promise you its interesting)
• Importing Woes
• A Plan!!
• Texturing
• Progress as of mid Aug
• “Current” problems

ANYWAY

In a big spite to my old teacher, I thought lets do something actually fun, that mixes my disciplines and acc makes me think that coding is fun again. Back in year 8, we did a html project. I LOVED it. I really like webdev. Thankfully so.

So I thought whats the harm in learning 3JS? Honestly its going well. It was rocky at the start as I got to grips with writing in Javascript again- ITS BEEN A WHILE OKAY. I was making stupid mistakes and totally out of my depth with learning this new library.

(it is 1am im not adding the screenshots now, you are here far too early)

---

So we’ve gotten to the point where I’m comfy with the code. I spent so long trying to import my monster into the scene, I was getting frustrated, couldn’t understand why it wasn’t importing when another (very large) model was able to… TT

Heres the Plan!!

Okay so I got the corridor loading in, and I managed to get the monster involved too!

Next step was to start getting the corridor looking less….blockish

I imported into Substance Painter, and the handy thing is that the whole object is one, I can just back the AO.

I might seem if I can bake the lighting, but i’m not so willing to be arsed to get the lights in the code to behave differently.

The edges of the walls that you can see from the front I painted a matte black so that it could seemlessly blend into the camera view if you were a little bit zoomed out, that way it wouldn’t be so obvious and break immersion.

I also enjoyed putting in easter eggs around the place:

listen… the power of subliminal messaging !!

I would like to note that I am currently updating this page simply because I want to procrastinate doing the animation work. I’m not a fan of animation, this might get painful anddddd yippeeee.

(For any potential hiring folk that are happening across this – I do actually like animation… just not my rig and my monster’s animation. Give me anything else, I’m actually not that bad)(also stare at the pictures above a little more)

Considering I have so many books in the scene, I thought it’d be fun to use them. Clutter and all that, but repurposed! On the vertical books, you can see what softwares I’m proficient in!

Okay! So here’s where we are at so far. The corridor renders, animation plays, we have 3 or 4 lights to light the scene.

The current problems are its taking quite a while to render. For the computer its not bad, about 5-8 seconds.

However, I also forwarded it to my phone, and it took just under a minute to render, with the CPU and GPU working quite hard. I have a Samsung S23 Ultra, sooo it’s not even that its a bad phone. Essentially, I need to do quite a bit of optimisation

You might say, why don’t you make the walls single sided? Guaranteed that that’s not the source of our issues here. And I’m also worried that that might make the lights behave stranglely with it being single sided.

I think the monster is the main problem. I’m using the model directly pulled from my sketchfab where all the textures are 4k. I think if I also compress the UV tile that the gallery is on, I could get a little back too.

Another thing can be lighting. I might see if I can get away with solely 3 lights, the red light behind and the spotlight. Currently the red light is a spot light, but I think making that an area light will be less impactful.

There’s a few considerations to make, and obviously code optimisation, but i’m going to try and reduce where I can, but the priority currently is getting it finished so I can start with the actual content of the webpage – the css and html.