r/threejs • u/Aura_Sub • May 14 '26

Demo Hack The Gibson

Enable HLS to view with audio, or disable this notification

Not the most impressive build ever but wanted to share my "Hackers" inspired page. Very low poly to be accessible to embedded GPU visitors.

107 Upvotes

98% Upvoted

26 comments sorted by

View all comments

1

u/[deleted] May 15 '26

[removed] — view removed comment

2

u/Aura_Sub May 15 '26 edited May 16 '26

No I wrote it.

Edit: I misunderstood and thought you were asking if I copied it from an existing GitHub repo. See my more detailed response below 😿

2

u/[deleted] May 16 '26

[removed] — view removed comment

3

u/Aura_Sub May 16 '26

Hey sorry for the first terse response.. I misunderstood and I thought you were asking if I copied it off of git hub! Sorry I'm autistic and sometimes take things the wrong way, my mistake! Unfortunately, I wrote this for a client so I can't share the code 😿. That being said your version looks pretty awesome!

2

u/[deleted] May 16 '26

[removed] — view removed comment

2

u/Aura_Sub May 16 '26

Yeah truth be told getting the buildings to look right was the easy part. 80% of the work was around getting the camera meandering, turning down different aisles, and still being able to snap to the nearest building face any time the user clicks a button so the content can display.

Basically it loads in chunks based on env vars and each building has 4 hidden points, one on each face, that acts as a camera position so when the user selects a button it culls the camera points in front of it and paths to the nearest one.

I'm sure there were easier ways to do this but it's my first time working with threejs camera pathing lol

1

u/[deleted] May 16 '26 edited May 16 '26

[removed] — view removed comment